diff --git a/.eslintrc.json b/.eslintrc.json
index 0258863..e305bd1 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -27,6 +27,8 @@
         "no-console": 0,
         "comma-dangle": 0,
         "no-extra-semi": 0,
+        "space-before-function-paren": 0,
+        "no-underscore-dangle": 0,
         "semi": ["error", "always"]
     }
 }
diff --git a/.gitignore b/.gitignore
index a5cf060..9a0d91c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,5 +25,5 @@ project.xcworkspace
 #
 node_modules/
 npm-debug.log
-
-.idea
\ No newline at end of file
+dist
+.idea
diff --git a/.npmignore b/.npmignore
index 1320f90..c34623e 100644
--- a/.npmignore
+++ b/.npmignore
@@ -1 +1,5 @@
 site
+.eslintrc.json
+shots
+.babelrc
+webpack.config.js
diff --git a/README.md b/README.md
index b838a85..04c6881 100644
--- a/README.md
+++ b/README.md
@@ -55,8 +55,19 @@ new Vue({
   }
 });
 ```
+NUXT
+``` js
+import Vue from 'vue';
+import VueCoreImageUpload from 'vue-core-image-upload/dist/ssr';
+
+Vue.use( VueCoreImageUpload );
+
+plugins: [
+  { src: '~plugins/vue-core-image-upload.js', ssr: false }
+]
+```
 
-[Demo](http://vanthink-ued.github.io/vue-core-image-upload/upload.html)
+[Demo](http://vanthink-ued.github.io/vue-core-image-upload/index.html)
 
 ### Props
 <table class="m-table bordered">
@@ -117,6 +128,18 @@ new Vue({
       <td>10485760(10M)</td>
       <td>Limit the size of the file</td>
     </tr>
+    <tr>
+      <td>maxFileSize</td>
+      <td align="left">Number</td>
+      <td>10485760(10M)</td>
+      <td>Limit the size of the file</td>
+    </tr>
+    <tr>
+      <td>multipleSize</td>
+      <td align="left">Number</td>
+      <td>5</td>
+      <td>Limit the count of the file</td>
+    </tr>
     <tr>
       <td>maxWidth</td>
       <td align="left">Number</td>
@@ -165,5 +188,3 @@ new Vue({
 ### Contributions
 
 Your contributions and suggestions are welcome 😄😄😄💐💐💐.
-
-
diff --git a/UPDATE.log b/UPDATE.log
new file mode 100644
index 0000000..805d9b0
--- /dev/null
+++ b/UPDATE.log
@@ -0,0 +1,9 @@
+### TODO List
+
+Fixed 旋转的 bug
+
+旋转的定位
+
+读取头部 exif
+
+获取正确的定位
diff --git a/demo/demo.min.js b/demo/demo.min.js
deleted file mode 100644
index 5103949..0000000
--- a/demo/demo.min.js
+++ /dev/null
@@ -1,9 +0,0 @@
-!function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var i=n(1),o=r(i),a=n(2);o.default.config.silent=!1,o.default.config.devtools=!1,new o.default({el:"#app",components:{"vue-core-image-upload":a},data:{name:"Jiraiya",src:"http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png",cropSrc:"http://img1.vued.vanthink.cn/vued7553a09a5d5209ebd00a48264394b7f3.png",cropArgs:{},data:{token:"123123123"}},methods:{imageuploaded:function(e){if(0===e.errcode){if(e.data.src)return void(this.src=e.data.src);this.name=e.data.name,this.cropArgs={toCropImgH:parseInt(e.data.post.toCropImgH),toCropImgW:parseInt(e.data.post.toCropImgW),toCropImgX:parseInt(e.data.post.toCropImgX),toCropImgY:parseInt(e.data.post.toCropImgY)},this.cropSrc="http://img1.vued.vanthink.cn/vued41b900045d6d44f3b32e06049621b415.png"}},imagechanged:function(e){console.log(e)},errorhandle:function(e){console.warn(e)}}})},function(e,t,n){(function(t){/*!
-	 * Vue.js v2.1.8
-	 * (c) 2014-2016 Evan You
-	 * Released under the MIT License.
-	 */
-!function(t,n){e.exports=n()}(this,function(){"use strict";function e(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function n(e){var t=parseFloat(e,10);return t||0===t?t:e}function r(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}function i(e,t){if(e.length){var n=e.indexOf(t);if(n>-1)return e.splice(n,1)}}function o(e,t){return pi.call(e,t)}function a(e){return"string"==typeof e||"number"==typeof e}function s(e){var t=Object.create(null);return function(n){var r=t[n];return r||(t[n]=e(n))}}function c(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function u(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function l(e,t){for(var n in t)e[n]=t[n];return e}function f(e){return null!==e&&"object"==typeof e}function d(e){return Ai.call(e)===bi}function p(e){for(var t={},n=0;n<e.length;n++)e[n]&&l(t,e[n]);return t}function h(){}function v(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}function g(e,t){var n=f(e),r=f(t);return n&&r?JSON.stringify(e)===JSON.stringify(t):!n&&!r&&String(e)===String(t)}function m(e,t){for(var n=0;n<e.length;n++)if(g(e[n],t))return n;return-1}function y(e){var t=(e+"").charCodeAt(0);return 36===t||95===t}function A(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function b(e){if(!Ci.test(e)){var t=e.split(".");return function(e){for(var n=0;n<t.length;n++){if(!e)return;e=e[t[n]]}return e}}}function _(e){return/native code/.test(e.toString())}function w(e){Fi.target&&Hi.push(Fi.target),Fi.target=e}function x(){Fi.target=Hi.pop()}function C(e,t){e.__proto__=t}function k(e,t,n){for(var r=0,i=n.length;r<i;r++){var o=n[r];A(e,o,t[o])}}function S(e,t){if(f(e)){var n;return o(e,"__ob__")&&e.__ob__ instanceof zi?n=e.__ob__:Gi.shouldConvert&&!ji()&&(Array.isArray(e)||d(e))&&Object.isExtensible(e)&&!e._isVue&&(n=new zi(e)),t&&n&&n.vmCount++,n}}function O(e,t,n,r){var i=new Fi,o=Object.getOwnPropertyDescriptor(e,t);if(!o||o.configurable!==!1){var a=o&&o.get,s=o&&o.set,c=S(n);Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var t=a?a.call(e):n;return Fi.target&&(i.depend(),c&&c.dep.depend(),Array.isArray(t)&&$(t)),t},set:function(t){var o=a?a.call(e):n;t===o||t!==t&&o!==o||(r&&r(),s?s.call(e,t):n=t,c=S(t),i.notify())}})}}function I(e,t,n){if(Array.isArray(e))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(o(e,t))return void(e[t]=n);var r=e.__ob__;return e._isVue||r&&r.vmCount?void Li("Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option."):r?(O(r.value,t,n),r.dep.notify(),n):void(e[t]=n)}function E(e,t){var n=e.__ob__;return e._isVue||n&&n.vmCount?void Li("Avoid deleting properties on a Vue instance or its root $data - just set it to null."):void(o(e,t)&&(delete e[t],n&&n.dep.notify()))}function $(e){for(var t=void 0,n=0,r=e.length;n<r;n++)t=e[n],t&&t.__ob__&&t.__ob__.dep.depend(),Array.isArray(t)&&$(t)}function M(e,t){if(!t)return e;for(var n,r,i,a=Object.keys(t),s=0;s<a.length;s++)n=a[s],r=e[n],i=t[n],o(e,n)?d(r)&&d(i)&&M(r,i):I(e,n,i);return e}function T(e,t){return t?e?e.concat(t):Array.isArray(t)?t:[t]:e}function j(e,t){var n=Object.create(e||null);return t?l(n,t):n}function D(e){for(var t in e.components){var n=t.toLowerCase();(di(n)||xi.isReservedTag(n))&&Li("Do not use built-in or reserved HTML elements as component id: "+t)}}function N(e){var t=e.props;if(t){var n,r,i,o={};if(Array.isArray(t))for(n=t.length;n--;)r=t[n],"string"==typeof r?(i=vi(r),o[i]={type:null}):Li("props must be strings when using array syntax.");else if(d(t))for(var a in t)r=t[a],i=vi(a),o[i]=d(r)?r:{type:r};e.props=o}}function B(e){var t=e.directives;if(t)for(var n in t){var r=t[n];"function"==typeof r&&(t[n]={bind:r,update:r})}}function L(e,t,n){function r(r){var i=qi[r]||Ki;l[r]=i(e[r],t[r],n,r)}D(t),N(t),B(t);var i=t.extends;if(i&&(e="function"==typeof i?L(e,i.options,n):L(e,i,n)),t.mixins)for(var a=0,s=t.mixins.length;a<s;a++){var c=t.mixins[a];c.prototype instanceof Ge&&(c=c.options),e=L(e,c,n)}var u,l={};for(u in e)r(u);for(u in t)o(e,u)||r(u);return l}function P(e,t,n,r){if("string"==typeof n){var i=e[t];if(o(i,n))return i[n];var a=vi(n);if(o(i,a))return i[a];var s=gi(a);if(o(i,s))return i[s];var c=i[n]||i[a]||i[s];return r&&!c&&Li("Failed to resolve "+t.slice(0,-1)+": "+n,e),c}}function R(e,t,n,r){var i=t[e],a=!o(n,e),s=n[e];if(J(Boolean,i.type)&&(a&&!o(i,"default")?s=!1:J(String,i.type)||""!==s&&s!==yi(e)||(s=!0)),void 0===s){s=Q(r,i,e);var c=Gi.shouldConvert;Gi.shouldConvert=!0,S(s),Gi.shouldConvert=c}return F(i,e,s,r,a),s}function Q(e,t,n){if(o(t,"default")){var r=t.default;return f(r)&&Li('Invalid default value for prop "'+n+'": Props with type Object/Array must use a factory function to return the default value.',e),e&&e.$options.propsData&&void 0===e.$options.propsData[n]&&void 0!==e[n]?e[n]:"function"==typeof r&&t.type!==Function?r.call(e):r}}function F(e,t,n,r,i){if(e.required&&i)return void Li('Missing required prop: "'+t+'"',r);if(null!=n||e.required){var o=e.type,a=!o||o===!0,s=[];if(o){Array.isArray(o)||(o=[o]);for(var c=0;c<o.length&&!a;c++){var u=H(n,o[c]);s.push(u.expectedType||""),a=u.valid}}if(!a)return void Li('Invalid prop: type check failed for prop "'+t+'". Expected '+s.map(gi).join(", ")+", got "+Object.prototype.toString.call(n).slice(8,-1)+".",r);var l=e.validator;l&&(l(n)||Li('Invalid prop: custom validator check failed for prop "'+t+'".',r))}}function H(e,t){var n,r=U(t);return n="String"===r?typeof e==(r="string"):"Number"===r?typeof e==(r="number"):"Boolean"===r?typeof e==(r="boolean"):"Function"===r?typeof e==(r="function"):"Object"===r?d(e):"Array"===r?Array.isArray(e):e instanceof t,{valid:n,expectedType:r}}function U(e){var t=e&&e.toString().match(/^\s*function (\w+)/);return t&&t[1]}function J(e,t){if(!Array.isArray(t))return U(t)===U(e);for(var n=0,r=t.length;n<r;n++)if(U(t[n])===U(e))return!0;return!1}function Y(){io.length=0,oo={},ao={},so=co=!1}function G(){for(co=!0,io.sort(function(e,t){return e.id-t.id}),uo=0;uo<io.length;uo++){var e=io[uo],t=e.id;if(oo[t]=null,e.run(),null!=oo[t]&&(ao[t]=(ao[t]||0)+1,ao[t]>xi._maxUpdateCount)){Li("You may have an infinite update loop "+(e.user?'in watcher with expression "'+e.expression+'"':"in a component render function."),e.vm);break}}Di&&xi.devtools&&Di.emit("flush"),Y()}function z(e){var t=e.id;if(null==oo[t]){if(oo[t]=!0,co){for(var n=io.length-1;n>=0&&io[n].id>e.id;)n--;io.splice(Math.max(n,uo)+1,0,e)}else io.push(e);so||(so=!0,Ni(G))}}function q(e){ho.clear(),W(e,ho)}function W(e,t){var n,r,i=Array.isArray(e);if((i||f(e))&&Object.isExtensible(e)){if(e.__ob__){var o=e.__ob__.dep.id;if(t.has(o))return;t.add(o)}if(i)for(n=e.length;n--;)W(e[n],t);else for(r=Object.keys(e),n=r.length;n--;)W(e[r[n]],t)}}function K(e){e._watchers=[];var t=e.$options;t.props&&V(e,t.props),t.methods&&te(e,t.methods),t.data?X(e):S(e._data={},!0),t.computed&&Z(e,t.computed),t.watch&&ne(e,t.watch)}function V(e,t){var n=e.$options.propsData||{},r=e.$options._propKeys=Object.keys(t),i=!e.$parent;Gi.shouldConvert=i;for(var o=function(i){var o=r[i];vo[o]&&Li('"'+o+'" is a reserved attribute and cannot be used as component prop.',e),O(e,o,R(o,t,n,e),function(){e.$parent&&!Gi.isSettingProps&&Li("Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: \""+o+'"',e)})},a=0;a<r.length;a++)o(a);Gi.shouldConvert=!0}function X(e){var t=e.$options.data;t=e._data="function"==typeof t?t.call(e):t||{},d(t)||(t={},Li("data functions should return an object:\nhttps://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function",e));for(var n=Object.keys(t),r=e.$options.props,i=n.length;i--;)r&&o(r,n[i])?Li('The data property "'+n[i]+'" is already declared as a prop. Use prop default value instead.',e):oe(e,n[i]);S(t,!0)}function Z(e,t){for(var n in t){n in e&&Li('existing instance property "'+n+'" will be overwritten by a computed property with the same name.',e);var r=t[n];"function"==typeof r?(go.get=ee(r,e),go.set=h):(go.get=r.get?r.cache!==!1?ee(r.get,e):c(r.get,e):h,go.set=r.set?c(r.set,e):h),Object.defineProperty(e,n,go)}}function ee(e,t){var n=new fo(t,e,h,{lazy:!0});return function(){return n.dirty&&n.evaluate(),Fi.target&&n.depend(),n.value}}function te(e,t){for(var n in t)e[n]=null==t[n]?h:c(t[n],e),null==t[n]&&Li('method "'+n+'" has an undefined value in the component definition. Did you reference the function correctly?',e)}function ne(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i<r.length;i++)re(e,n,r[i]);else re(e,n,r)}}function re(e,t,n){var r;d(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=e[n]),e.$watch(t,n,r)}function ie(e){var t={};t.get=function(){return this._data},t.set=function(e){Li("Avoid replacing instance root $data. Use nested data properties instead.",this)},Object.defineProperty(e.prototype,"$data",t),e.prototype.$set=I,e.prototype.$delete=E,e.prototype.$watch=function(e,t,n){var r=this;n=n||{},n.user=!0;var i=new fo(r,e,t,n);return n.immediate&&t.call(r,i.value),function(){i.teardown()}}}function oe(e,t){y(t)||Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return e._data[t]},set:function(n){e._data[t]=n}})}function ae(e){return new mo(void 0,void 0,void 0,String(e))}function se(e){var t=new mo(e.tag,e.data,e.children,e.text,e.elm,e.context,e.componentOptions);return t.ns=e.ns,t.isStatic=e.isStatic,t.key=e.key,t.isCloned=!0,t}function ce(e){for(var t=new Array(e.length),n=0;n<e.length;n++)t[n]=se(e[n]);return t}function ue(e,t,n,r){r+=t;var i=e.__injected||(e.__injected={});if(!i[r]){i[r]=!0;var o=e[t];o?e[t]=function(){o.apply(this,arguments),n.apply(this,arguments)}:e[t]=n}}function le(e,t,n,r,i){var o,a,s,c,u,l,f;for(o in e)if(a=e[o],s=t[o],a)if(s){if(a!==s)if(Array.isArray(s)){s.length=a.length;for(var d=0;d<s.length;d++)s[d]=a[d];e[o]=s}else s.fn=a,e[o]=s}else f="~"===o.charAt(0),u=f?o.slice(1):o,l="!"===u.charAt(0),u=l?u.slice(1):u,Array.isArray(a)?n(u,a.invoker=fe(a),f,l):(a.invoker||(c=a,a=e[o]={},a.fn=c,a.invoker=de(a)),n(u,a.invoker,f,l));else Li('Invalid handler for event "'+o+'": got '+String(a),i);for(o in t)e[o]||(f="~"===o.charAt(0),u=f?o.slice(1):o,l="!"===u.charAt(0),u=l?u.slice(1):u,r(u,t[o].invoker,l))}function fe(e){return function(t){for(var n=arguments,r=1===arguments.length,i=0;i<e.length;i++)r?e[i](t):e[i].apply(null,n)}}function de(e){return function(t){var n=1===arguments.length;n?e.fn(t):e.fn.apply(null,arguments)}}function pe(e){for(var t=0;t<e.length;t++)if(Array.isArray(e[t]))return Array.prototype.concat.apply([],e);return e}function he(e){return a(e)?[ae(e)]:Array.isArray(e)?ve(e):void 0}function ve(e,t){var n,r,i,o=[];for(n=0;n<e.length;n++)r=e[n],null!=r&&"boolean"!=typeof r&&(i=o[o.length-1],Array.isArray(r)?o.push.apply(o,ve(r,(t||"")+"_"+n)):a(r)?i&&i.text?i.text+=String(r):""!==r&&o.push(ae(r)):r.text&&i&&i.text?o[o.length-1]=ae(i.text+r.text):(r.tag&&null==r.key&&null!=t&&(r.key="__vlist"+t+"_"+n+"__"),o.push(r)));return o}function ge(e){return e&&e.filter(function(e){return e&&e.componentOptions})[0]}function me(e){e._events=Object.create(null),e._hasHookEvent=!1;var t=e.$options._parentListeners;t&&be(e,t)}function ye(e,t,n){n?po.$once(e,t):po.$on(e,t)}function Ae(e,t){po.$off(e,t)}function be(e,t,n){po=e,le(t,n||{},ye,Ae,e)}function _e(e){var t=/^hook:/;e.prototype.$on=function(e,n){var r=this;return(r._events[e]||(r._events[e]=[])).push(n),t.test(e)&&(r._hasHookEvent=!0),r},e.prototype.$once=function(e,t){function n(){r.$off(e,n),t.apply(r,arguments)}var r=this;return n.fn=t,r.$on(e,n),r},e.prototype.$off=function(e,t){var n=this;if(!arguments.length)return n._events=Object.create(null),n;var r=n._events[e];if(!r)return n;if(1===arguments.length)return n._events[e]=null,n;for(var i,o=r.length;o--;)if(i=r[o],i===t||i.fn===t){r.splice(o,1);break}return n},e.prototype.$emit=function(e){var t=this,n=t._events[e];if(n){n=n.length>1?u(n):n;for(var r=u(arguments,1),i=0,o=n.length;i<o;i++)n[i].apply(t,r)}return t}}function we(e){var t=e.$options,n=t.parent;if(n&&!t.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(e)}e.$parent=n,e.$root=n?n.$root:e,e.$children=[],e.$refs={},e._watcher=null,e._inactive=!1,e._isMounted=!1,e._isDestroyed=!1,e._isBeingDestroyed=!1}function xe(e){e.prototype._mount=function(e,t){var n=this;return n.$el=e,n.$options.render||(n.$options.render=yo,n.$options.template&&"#"!==n.$options.template.charAt(0)?Li("You are using the runtime-only build of Vue where the template option is not available. Either pre-compile the templates into render functions, or use the compiler-included build.",n):Li("Failed to mount component: template or render function not defined.",n)),Ce(n,"beforeMount"),n._watcher=new fo(n,function(){n._update(n._render(),t)},h),t=!1,null==n.$vnode&&(n._isMounted=!0,Ce(n,"mounted")),n},e.prototype._update=function(e,t){var n=this;n._isMounted&&Ce(n,"beforeUpdate");var r=n.$el,i=n._vnode,o=Ao;Ao=n,n._vnode=e,i?n.$el=n.__patch__(i,e):n.$el=n.__patch__(n.$el,e,t,!1,n.$options._parentElm,n.$options._refElm),Ao=o,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el),n._isMounted&&Ce(n,"updated")},e.prototype._updateFromParent=function(e,t,n,r){var i=this,o=!(!i.$options._renderChildren&&!r);if(i.$options._parentVnode=n,i.$vnode=n,i._vnode&&(i._vnode.parent=n),i.$options._renderChildren=r,e&&i.$options.props){Gi.shouldConvert=!1,Gi.isSettingProps=!0;for(var a=i.$options._propKeys||[],s=0;s<a.length;s++){var c=a[s];i[c]=R(c,i.$options.props,e,i)}Gi.shouldConvert=!0,Gi.isSettingProps=!1,i.$options.propsData=e}if(t){var u=i.$options._parentListeners;i.$options._parentListeners=t,be(i,t,u)}o&&(i.$slots=He(r,n.context),i.$forceUpdate())},e.prototype.$forceUpdate=function(){var e=this;e._watcher&&e._watcher.update()},e.prototype.$destroy=function(){var e=this;if(!e._isBeingDestroyed){Ce(e,"beforeDestroy"),e._isBeingDestroyed=!0;var t=e.$parent;!t||t._isBeingDestroyed||e.$options.abstract||i(t.$children,e),e._watcher&&e._watcher.teardown();for(var n=e._watchers.length;n--;)e._watchers[n].teardown();e._data.__ob__&&e._data.__ob__.vmCount--,e._isDestroyed=!0,Ce(e,"destroyed"),e.$off(),e.$el&&(e.$el.__vue__=null),e.__patch__(e._vnode,null)}}}function Ce(e,t){var n=e.$options[t];if(n)for(var r=0,i=n.length;r<i;r++)n[r].call(e);e._hasHookEvent&&e.$emit("hook:"+t)}function ke(e,t,n,r,i){if(e){var o=n.$options._base;if(f(e)&&(e=o.extend(e)),"function"!=typeof e)return void Li("Invalid Component definition: "+String(e),n);if(!e.cid)if(e.resolved)e=e.resolved;else if(e=Te(e,o,function(){n.$forceUpdate()}),!e)return;Ye(e),t=t||{};var a=je(t,e);if(e.options.functional)return Se(e,a,t,n,r);var s=t.on;t.on=t.nativeOn,e.options.abstract&&(t={}),Ne(t);var c=e.options.name||i,u=new mo("vue-component-"+e.cid+(c?"-"+c:""),t,void 0,void 0,void 0,n,{Ctor:e,propsData:a,listeners:s,tag:i,children:r});return u}}function Se(e,t,n,r,i){var o={},a=e.options.props;if(a)for(var s in a)o[s]=R(s,a,t);var c=Object.create(r),u=function(e,t,n,r){return Le(c,e,t,n,r,!0)},l=e.options.render.call(null,u,{props:o,data:n,parent:r,children:i,slots:function(){return He(i,r)}});return l instanceof mo&&(l.functionalContext=r,n.slot&&((l.data||(l.data={})).slot=n.slot)),l}function Oe(e,t,n,r){var i=e.componentOptions,o={_isComponent:!0,parent:t,propsData:i.propsData,_componentTag:i.tag,_parentVnode:e,_parentListeners:i.listeners,_renderChildren:i.children,_parentElm:n||null,_refElm:r||null},a=e.data.inlineTemplate;return a&&(o.render=a.render,o.staticRenderFns=a.staticRenderFns),new i.Ctor(o)}function Ie(e,t,n,r){if(!e.child||e.child._isDestroyed){var i=e.child=Oe(e,Ao,n,r);i.$mount(t?e.elm:void 0,t)}else if(e.data.keepAlive){var o=e;Ee(o,o)}}function Ee(e,t){var n=t.componentOptions,r=t.child=e.child;r._updateFromParent(n.propsData,n.listeners,t,n.children)}function $e(e){e.child._isMounted||(e.child._isMounted=!0,Ce(e.child,"mounted")),e.data.keepAlive&&(e.child._inactive=!1,Ce(e.child,"activated"))}function Me(e){e.child._isDestroyed||(e.data.keepAlive?(e.child._inactive=!0,Ce(e.child,"deactivated")):e.child.$destroy())}function Te(e,t,n){if(!e.requested){e.requested=!0;var r=e.pendingCallbacks=[n],i=!0,o=function(n){if(f(n)&&(n=t.extend(n)),e.resolved=n,!i)for(var o=0,a=r.length;o<a;o++)r[o](n)},a=function(t){Li("Failed to resolve async component: "+String(e)+(t?"\nReason: "+t:""))},s=e(o,a);return s&&"function"==typeof s.then&&!e.resolved&&s.then(o,a),i=!1,e.resolved}e.pendingCallbacks.push(n)}function je(e,t){var n=t.options.props;if(n){var r={},i=e.attrs,o=e.props,a=e.domProps;if(i||o||a)for(var s in n){var c=yi(s);De(r,o,s,c,!0)||De(r,i,s,c)||De(r,a,s,c)}return r}}function De(e,t,n,r,i){if(t){if(o(t,n))return e[n]=t[n],i||delete t[n],!0;if(o(t,r))return e[n]=t[r],i||delete t[r],!0}return!1}function Ne(e){e.hook||(e.hook={});for(var t=0;t<_o.length;t++){var n=_o[t],r=e.hook[n],i=bo[n];e.hook[n]=r?Be(i,r):i}}function Be(e,t){return function(n,r,i,o){e(n,r,i,o),t(n,r,i,o)}}function Le(e,t,n,r,i,o){return(Array.isArray(n)||a(n))&&(i=r,r=n,n=void 0),o&&(i=xo),Pe(e,t,n,r,i)}function Pe(e,t,n,r,i){if(n&&n.__ob__)return Li("Avoid using observed data object as vnode data: "+JSON.stringify(n)+"\nAlways create fresh vnode data objects in each render!",e),yo();if(!t)return yo();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),i===xo?r=he(r):i===wo&&(r=pe(r));var o,a;if("string"==typeof t){var s;a=xi.getTagNamespace(t),o=xi.isReservedTag(t)?new mo(xi.parsePlatformTagName(t),n,r,void 0,void 0,e):(s=P(e.$options,"components",t))?ke(s,n,e,r,t):new mo(t,n,r,void 0,void 0,e)}else o=ke(t,n,e,r);return o?(a&&Re(o,a),o):yo()}function Re(e,t){if(e.ns=t,"foreignObject"!==e.tag&&e.children)for(var n=0,r=e.children.length;n<r;n++){var i=e.children[n];i.tag&&!i.ns&&Re(i,t)}}function Qe(e){e.$vnode=null,e._vnode=null,e._staticTrees=null;var t=e.$options._parentVnode,n=t&&t.context;e.$slots=He(e.$options._renderChildren,n),e.$scopedSlots={},e._c=function(t,n,r,i){return Le(e,t,n,r,i,!1)},e.$createElement=function(t,n,r,i){return Le(e,t,n,r,i,!0)},e.$options.el&&e.$mount(e.$options.el)}function Fe(t){function r(e,t,n){if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]&&"string"!=typeof e[r]&&i(e[r],t+"_"+r,n);else i(e,t,n)}function i(e,t,n){e.isStatic=!0,e.key=t,e.isOnce=n}t.prototype.$nextTick=function(e){return Ni(e,this)},t.prototype._render=function(){var e=this,t=e.$options,n=t.render,r=t.staticRenderFns,i=t._parentVnode;if(e._isMounted)for(var o in e.$slots)e.$slots[o]=ce(e.$slots[o]);i&&i.data.scopedSlots&&(e.$scopedSlots=i.data.scopedSlots),r&&!e._staticTrees&&(e._staticTrees=[]),e.$vnode=i;var a;try{a=n.call(e._renderProxy,e.$createElement)}catch(t){if(!xi.errorHandler)throw Li("Error when rendering "+Bi(e)+":"),t;xi.errorHandler.call(null,t,e),a=e._vnode}return a instanceof mo||(Array.isArray(a)&&Li("Multiple root nodes returned from render function. Render function should return a single root node.",e),a=yo()),a.parent=i,a},t.prototype._s=e,t.prototype._v=ae,t.prototype._n=n,t.prototype._e=yo,t.prototype._q=g,t.prototype._i=m,t.prototype._m=function(e,t){var n=this._staticTrees[e];return n&&!t?Array.isArray(n)?ce(n):se(n):(n=this._staticTrees[e]=this.$options.staticRenderFns[e].call(this._renderProxy),r(n,"__static__"+e,!1),n)},t.prototype._o=function(e,t,n){return r(e,"__once__"+t+(n?"_"+n:""),!0),e},t.prototype._f=function(e){return P(this.$options,"filters",e,!0)||wi},t.prototype._l=function(e,t){var n,r,i,o,a;if(Array.isArray(e)||"string"==typeof e)for(n=new Array(e.length),r=0,i=e.length;r<i;r++)n[r]=t(e[r],r);else if("number"==typeof e)for(n=new Array(e),r=0;r<e;r++)n[r]=t(r+1,r);else if(f(e))for(o=Object.keys(e),n=new Array(o.length),r=0,i=o.length;r<i;r++)a=o[r],n[r]=t(e[a],a,r);return n},t.prototype._t=function(e,t,n,r){var i=this.$scopedSlots[e];if(i)return n=n||{},r&&l(n,r),i(n)||t;var o=this.$slots[e];return o&&(o._rendered&&Li('Duplicate presence of slot "'+e+'" found in the same render tree - this will likely cause render errors.',this),o._rendered=!0),o||t},t.prototype._b=function(e,t,n,r){if(n)if(f(n)){Array.isArray(n)&&(n=p(n));for(var i in n)if("class"===i||"style"===i)e[i]=n[i];else{var o=r||xi.mustUseProp(t,i)?e.domProps||(e.domProps={}):e.attrs||(e.attrs={});o[i]=n[i]}}else Li("v-bind without argument expects an Object or Array value",this);return e},t.prototype._k=function(e,t,n){var r=xi.keyCodes[t]||n;return Array.isArray(r)?r.indexOf(e)===-1:r!==e}}function He(e,t){var n={};if(!e)return n;for(var r,i,o=[],a=0,s=e.length;a<s;a++)if(i=e[a],(i.context===t||i.functionalContext===t)&&i.data&&(r=i.data.slot)){var c=n[r]||(n[r]=[]);"template"===i.tag?c.push.apply(c,i.children):c.push(i)}else o.push(i);return o.length&&(1!==o.length||" "!==o[0].text&&!o[0].isComment)&&(n.default=o),n}function Ue(e){e.prototype._init=function(e){var t=this;t._uid=Co++,t._isVue=!0,e&&e._isComponent?Je(t,e):t.$options=L(Ye(t.constructor),e||{},t),Wi(t),t._self=t,we(t),me(t),Ce(t,"beforeCreate"),K(t),Ce(t,"created"),Qe(t)}}function Je(e,t){var n=e.$options=Object.create(e.constructor.options);n.parent=t.parent,n.propsData=t.propsData,n._parentVnode=t._parentVnode,n._parentListeners=t._parentListeners,n._renderChildren=t._renderChildren,n._componentTag=t._componentTag,n._parentElm=t._parentElm,n._refElm=t._refElm,t.render&&(n.render=t.render,n.staticRenderFns=t.staticRenderFns)}function Ye(e){var t=e.options;if(e.super){var n=e.super.options,r=e.superOptions,i=e.extendOptions;n!==r&&(e.superOptions=n,i.render=t.render,i.staticRenderFns=t.staticRenderFns,i._scopeId=t._scopeId,t=e.options=L(n,i),t.name&&(t.components[t.name]=e))}return t}function Ge(e){this instanceof Ge||Li("Vue is a constructor and should be called with the `new` keyword"),this._init(e)}function ze(e){e.use=function(e){if(!e.installed){var t=u(arguments,1);return t.unshift(this),"function"==typeof e.install?e.install.apply(e,t):e.apply(null,t),e.installed=!0,this}}}function qe(e){e.mixin=function(e){this.options=L(this.options,e)}}function We(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=e.name||n.options.name;/^[a-zA-Z][\w-]*$/.test(o)||Li('Invalid component name: "'+o+'". Component names can only contain alphanumeric characters and the hyphen, and must start with a letter.');var a=function(e){this._init(e)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=t++,a.options=L(n.options,e),a.super=n,a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,xi._assetTypes.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,i[r]=a,a}}function Ke(e){xi._assetTypes.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&xi.isReservedTag(e)&&Li("Do not use built-in or reserved HTML elements as component id: "+e),"component"===t&&d(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}function Ve(e,t){return"string"==typeof e?e.split(",").indexOf(t)>-1:e.test(t)}function Xe(e){var t={};t.get=function(){return xi},t.set=function(){Li("Do not replace the Vue.config object, set individual fields instead.")},Object.defineProperty(e,"config",t),e.util=Vi,e.set=I,e.delete=E,e.nextTick=Ni,e.options=Object.create(null),xi._assetTypes.forEach(function(t){e.options[t+"s"]=Object.create(null)}),e.options._base=e,l(e.options.components,Oo),ze(e),qe(e),We(e),Ke(e)}function Ze(e){for(var t=e.data,n=e,r=e;r.child;)r=r.child._vnode,r.data&&(t=et(r.data,t));for(;n=n.parent;)n.data&&(t=et(t,n.data));return tt(t)}function et(e,t){return{staticClass:nt(e.staticClass,t.staticClass),class:e.class?[e.class,t.class]:t.class}}function tt(e){var t=e.class,n=e.staticClass;return n||t?nt(n,rt(t)):""}function nt(e,t){return e?t?e+" "+t:e:t||""}function rt(e){var t="";if(!e)return t;if("string"==typeof e)return e;if(Array.isArray(e)){for(var n,r=0,i=e.length;r<i;r++)e[r]&&(n=rt(e[r]))&&(t+=n+" ");return t.slice(0,-1)}if(f(e)){for(var o in e)e[o]&&(t+=o+" ");return t.slice(0,-1)}return t}function it(e){return Qo(e)?"svg":"math"===e?"math":void 0}function ot(e){if(!Si)return!0;if(Ho(e))return!1;if(e=e.toLowerCase(),null!=Uo[e])return Uo[e];var t=document.createElement(e);return e.indexOf("-")>-1?Uo[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Uo[e]=/HTMLUnknownElement/.test(t.toString())}function at(e){if("string"==typeof e){var t=e;if(e=document.querySelector(e),!e)return Li("Cannot find element: "+t),document.createElement("div")}return e}function st(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&"multiple"in t.data.attrs&&n.setAttribute("multiple","multiple"),n)}function ct(e,t){return document.createElementNS(Po[e],t)}function ut(e){return document.createTextNode(e)}function lt(e){return document.createComment(e)}function ft(e,t,n){e.insertBefore(t,n)}function dt(e,t){e.removeChild(t)}function pt(e,t){e.appendChild(t)}function ht(e){return e.parentNode}function vt(e){return e.nextSibling}function gt(e){return e.tagName}function mt(e,t){e.textContent=t}function yt(e,t,n){e.setAttribute(t,n)}function At(e,t){var n=e.data.ref;if(n){var r=e.context,o=e.child||e.elm,a=r.$refs;t?Array.isArray(a[n])?i(a[n],o):a[n]===o&&(a[n]=void 0):e.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(o)<0?a[n].push(o):a[n]=[o]:a[n]=o}}function bt(e){return null==e}function _t(e){return null!=e}function wt(e,t){return e.key===t.key&&e.tag===t.tag&&e.isComment===t.isComment&&!e.data==!t.data}function xt(e,t,n){var r,i,o={};for(r=t;r<=n;++r)i=e[r].key,_t(i)&&(o[i]=r);return o}function Ct(e){function t(e){return new mo(I.tagName(e).toLowerCase(),{},[],void 0,e)}function n(e,t){function n(){0===--n.listeners&&i(e)}return n.listeners=t,n}function i(e){var t=I.parentNode(e);t&&I.removeChild(t,e)}function o(e,t,n,r,i){if(e.isRootInsert=!i,!s(e,t,n,r)){var o=e.data,a=e.children,c=e.tag;_t(c)?(o&&o.pre&&E++,E||e.ns||xi.ignoredElements.length&&xi.ignoredElements.indexOf(c)>-1||!xi.isUnknownElement(c)||Li("Unknown custom element: <"+c+'> - did you register the component correctly? For recursive components, make sure to provide the "name" option.',e.context),e.elm=e.ns?I.createElementNS(e.ns,c):I.createElement(c,e),h(e),l(e,a,t),_t(o)&&d(e,t),u(n,e.elm,r),o&&o.pre&&E--):e.isComment?(e.elm=I.createComment(e.text),u(n,e.elm,r)):(e.elm=I.createTextNode(e.text),u(n,e.elm,r))}}function s(e,t,n,r){var i=e.data;if(_t(i)){var o=_t(e.child)&&i.keepAlive;if(_t(i=i.hook)&&_t(i=i.init)&&i(e,!1,n,r),_t(e.child))return p(e,t),o&&c(e,t,n,r),!0}}function c(e,t,n,r){for(var i,o=e;o.child;)if(o=o.child._vnode,_t(i=o.data)&&_t(i=i.transition)){for(i=0;i<S.activate.length;++i)S.activate[i](Go,o);t.push(o);break}u(n,e.elm,r)}function u(e,t,n){e&&(n?I.insertBefore(e,t,n):I.appendChild(e,t))}function l(e,t,n){if(Array.isArray(t))for(var r=0;r<t.length;++r)o(t[r],n,e.elm,null,!0);else a(e.text)&&I.appendChild(e.elm,I.createTextNode(e.text))}function f(e){for(;e.child;)e=e.child._vnode;return _t(e.tag)}function d(e,t){for(var n=0;n<S.create.length;++n)S.create[n](Go,e);C=e.data.hook,_t(C)&&(C.create&&C.create(Go,e),C.insert&&t.push(e))}function p(e,t){e.data.pendingInsert&&t.push.apply(t,e.data.pendingInsert),e.elm=e.child.$el,f(e)?(d(e,t),h(e)):(At(e),t.push(e))}function h(e){var t;_t(t=e.context)&&_t(t=t.$options._scopeId)&&I.setAttribute(e.elm,t,""),_t(t=Ao)&&t!==e.context&&_t(t=t.$options._scopeId)&&I.setAttribute(e.elm,t,"")}function v(e,t,n,r,i,a){for(;r<=i;++r)o(n[r],a,e,t)}function g(e){var t,n,r=e.data;if(_t(r))for(_t(t=r.hook)&&_t(t=t.destroy)&&t(e),t=0;t<S.destroy.length;++t)S.destroy[t](e);if(_t(t=e.children))for(n=0;n<e.children.length;++n)g(e.children[n])}function m(e,t,n,r){for(;n<=r;++n){var o=t[n];_t(o)&&(_t(o.tag)?(y(o),g(o)):i(o.elm))}}function y(e,t){if(t||_t(e.data)){var r=S.remove.length+1;for(t?t.listeners+=r:t=n(e.elm,r),_t(C=e.child)&&_t(C=C._vnode)&&_t(C.data)&&y(C,t),C=0;C<S.remove.length;++C)S.remove[C](e,t);_t(C=e.data.hook)&&_t(C=C.remove)?C(e,t):t()}else i(e.elm)}function A(e,t,n,r,i){for(var a,s,c,u,l=0,f=0,d=t.length-1,p=t[0],h=t[d],g=n.length-1,y=n[0],A=n[g],_=!i;l<=d&&f<=g;)bt(p)?p=t[++l]:bt(h)?h=t[--d]:wt(p,y)?(b(p,y,r),p=t[++l],y=n[++f]):wt(h,A)?(b(h,A,r),h=t[--d],A=n[--g]):wt(p,A)?(b(p,A,r),_&&I.insertBefore(e,p.elm,I.nextSibling(h.elm)),p=t[++l],A=n[--g]):wt(h,y)?(b(h,y,r),_&&I.insertBefore(e,h.elm,p.elm),h=t[--d],y=n[++f]):(bt(a)&&(a=xt(t,l,d)),s=_t(y.key)?a[y.key]:null,bt(s)?(o(y,r,e,p.elm),y=n[++f]):(c=t[s],c||Li("It seems there are duplicate keys that is causing an update error. Make sure each v-for item has a unique key."),wt(c,y)?(b(c,y,r),t[s]=void 0,_&&I.insertBefore(e,y.elm,p.elm),y=n[++f]):(o(y,r,e,p.elm),y=n[++f])));l>d?(u=bt(n[g+1])?null:n[g+1].elm,v(e,u,n,f,g,r)):f>g&&m(e,t,l,d)}function b(e,t,n,r){if(e!==t){if(t.isStatic&&e.isStatic&&t.key===e.key&&(t.isCloned||t.isOnce))return t.elm=e.elm,void(t.child=e.child);var i,o=t.data,a=_t(o);a&&_t(i=o.hook)&&_t(i=i.prepatch)&&i(e,t);var s=t.elm=e.elm,c=e.children,u=t.children;if(a&&f(t)){for(i=0;i<S.update.length;++i)S.update[i](e,t);_t(i=o.hook)&&_t(i=i.update)&&i(e,t)}bt(t.text)?_t(c)&&_t(u)?c!==u&&A(s,c,u,n,r):_t(u)?(_t(e.text)&&I.setTextContent(s,""),v(s,null,u,0,u.length-1,n)):_t(c)?m(s,c,0,c.length-1):_t(e.text)&&I.setTextContent(s,""):e.text!==t.text&&I.setTextContent(s,t.text),a&&_t(i=o.hook)&&_t(i=i.postpatch)&&i(e,t)}}function _(e,t,n){if(n&&e.parent)e.parent.data.pendingInsert=t;else for(var r=0;r<t.length;++r)t[r].data.hook.insert(t[r])}function w(e,t,n){if(!x(e,t))return!1;t.elm=e;var r=t.tag,i=t.data,o=t.children;if(_t(i)&&(_t(C=i.hook)&&_t(C=C.init)&&C(t,!0),_t(C=t.child)))return p(t,n),!0;if(_t(r)){if(_t(o))if(e.hasChildNodes()){for(var a=!0,s=e.firstChild,c=0;c<o.length;c++){if(!s||!w(s,o[c],n)){a=!1;break}s=s.nextSibling}if(!a||s)return"undefined"==typeof console||$||($=!0,console.warn("Parent: ",e),console.warn("Mismatching childNodes vs. VNodes: ",e.childNodes,o)),!1}else l(t,o,n);if(_t(i))for(var u in i)if(!M(u)){d(t,n);break}}else e.data!==t.text&&(e.data=t.text);return!0}function x(e,t){return t.tag?0===t.tag.indexOf("vue-component")||t.tag.toLowerCase()===(e.tagName&&e.tagName.toLowerCase()):e.nodeType===(t.isComment?8:3)}var C,k,S={},O=e.modules,I=e.nodeOps;for(C=0;C<zo.length;++C)for(S[zo[C]]=[],k=0;k<O.length;++k)void 0!==O[k][zo[C]]&&S[zo[C]].push(O[k][zo[C]]);var E=0,$=!1,M=r("attrs,style,class,staticClass,staticStyle,key");return function(e,n,r,i,a,s){if(!n)return void(e&&g(e));var c,u,l=!1,d=[];if(e){var p=_t(e.nodeType);if(!p&&wt(e,n))b(e,n,d,i);else{if(p){if(1===e.nodeType&&e.hasAttribute("server-rendered")&&(e.removeAttribute("server-rendered"),r=!0),r){if(w(e,n,d))return _(n,d,!0),e;Li("The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.")}e=t(e)}if(c=e.elm,u=I.parentNode(c),o(n,d,u,I.nextSibling(c)),n.parent){for(var h=n.parent;h;)h.elm=n.elm,h=h.parent;if(f(n))for(var v=0;v<S.create.length;++v)S.create[v](Go,n.parent)}null!==u?m(u,[e],0,0):_t(e.tag)&&g(e)}}else l=!0,o(n,d,a,s);return _(n,d,l),n.elm}}function kt(e,t){(e.data.directives||t.data.directives)&&St(e,t)}function St(e,t){var n,r,i,o=e===Go,a=t===Go,s=Ot(e.data.directives,e.context),c=Ot(t.data.directives,t.context),u=[],l=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,Et(i,"update",t,e),i.def&&i.def.componentUpdated&&l.push(i)):(Et(i,"bind",t,e),
-i.def&&i.def.inserted&&u.push(i));if(u.length){var f=function(){for(var n=0;n<u.length;n++)Et(u[n],"inserted",t,e)};o?ue(t.data.hook||(t.data.hook={}),"insert",f,"dir-insert"):f()}if(l.length&&ue(t.data.hook||(t.data.hook={}),"postpatch",function(){for(var n=0;n<l.length;n++)Et(l[n],"componentUpdated",t,e)},"dir-postpatch"),!o)for(n in s)c[n]||Et(s[n],"unbind",e,e,a)}function Ot(e,t){var n=Object.create(null);if(!e)return n;var r,i;for(r=0;r<e.length;r++)i=e[r],i.modifiers||(i.modifiers=Wo),n[It(i)]=i,i.def=P(t.$options,"directives",i.name,!0);return n}function It(e){return e.rawName||e.name+"."+Object.keys(e.modifiers||{}).join(".")}function Et(e,t,n,r,i){var o=e.def&&e.def[t];o&&o(n.elm,e,n,r,i)}function $t(e,t){if(e.data.attrs||t.data.attrs){var n,r,i,o=t.elm,a=e.data.attrs||{},s=t.data.attrs||{};s.__ob__&&(s=t.data.attrs=l({},s));for(n in s)r=s[n],i=a[n],i!==r&&Mt(o,n,r);Ei&&s.value!==a.value&&Mt(o,"value",s.value);for(n in a)null==s[n]&&(No(n)?o.removeAttributeNS(Do,Bo(n)):To(n)||o.removeAttribute(n))}}function Mt(e,t,n){jo(t)?Lo(n)?e.removeAttribute(t):e.setAttribute(t,t):To(t)?e.setAttribute(t,Lo(n)||"false"===n?"false":"true"):No(t)?Lo(n)?e.removeAttributeNS(Do,Bo(t)):e.setAttributeNS(Do,t,n):Lo(n)?e.removeAttribute(t):e.setAttribute(t,n)}function Tt(e,t){var n=t.elm,r=t.data,i=e.data;if(r.staticClass||r.class||i&&(i.staticClass||i.class)){var o=Ze(t),a=n._transitionClasses;a&&(o=nt(o,rt(a))),o!==n._prevClass&&(n.setAttribute("class",o),n._prevClass=o)}}function jt(e,t,n,r){if(n){var i=t;t=function(n){Dt(e,t,r),1===arguments.length?i(n):i.apply(null,arguments)}}Io.addEventListener(e,t,r)}function Dt(e,t,n){Io.removeEventListener(e,t,n)}function Nt(e,t){if(e.data.on||t.data.on){var n=t.data.on||{},r=e.data.on||{};Io=t.elm,le(n,r,jt,Dt,t.context)}}function Bt(e,t){if(e.data.domProps||t.data.domProps){var n,r,i=t.elm,o=e.data.domProps||{},a=t.data.domProps||{};a.__ob__&&(a=t.data.domProps=l({},a));for(n in o)null==a[n]&&(i[n]="");for(n in a)if(r=a[n],("textContent"!==n&&"innerHTML"!==n||(t.children&&(t.children.length=0),r!==o[n]))&&("checked"!==n||Pt(i,r)))if("value"===n){i._value=r;var s=null==r?"":String(r);Lt(i,t,s)&&(i.value=s)}else i[n]=r}}function Lt(e,t,n){return!(e.composing||"option"!==t.tag&&!Pt(e,n)&&!Rt(t,n))}function Pt(e,t){return document.activeElement!==e&&e.value!==t}function Rt(e,t){var r=e.elm.value,i=e.elm._vModifiers;return i&&i.number||"number"===e.elm.type?n(r)!==n(t):i&&i.trim?r.trim()!==t.trim():r!==t}function Qt(e){var t=Ft(e.style);return e.staticStyle?l(e.staticStyle,t):t}function Ft(e){return Array.isArray(e)?p(e):"string"==typeof e?ta(e):e}function Ht(e,t){var n,r={};if(t)for(var i=e;i.child;)i=i.child._vnode,i.data&&(n=Qt(i.data))&&l(r,n);(n=Qt(e.data))&&l(r,n);for(var o=e;o=o.parent;)o.data&&(n=Qt(o.data))&&l(r,n);return r}function Ut(e,t){var n=t.data,r=e.data;if(n.staticStyle||n.style||r.staticStyle||r.style){var i,o,a=t.elm,s=e.data.staticStyle,c=e.data.style||{},u=s||c,f=Ft(t.data.style)||{};t.data.style=f.__ob__?l({},f):f;var d=Ht(t,!0);for(o in u)null==d[o]&&ia(a,o,"");for(o in d)i=d[o],i!==u[o]&&ia(a,o,null==i?"":i)}}function Jt(e,t){if(t&&t.trim())if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+e.getAttribute("class")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function Yt(e,t){if(t&&t.trim())if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t);else{for(var n=" "+e.getAttribute("class")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");e.setAttribute("class",n.trim())}}function Gt(e){va(function(){va(e)})}function zt(e,t){(e._transitionClasses||(e._transitionClasses=[])).push(t),Jt(e,t)}function qt(e,t){e._transitionClasses&&i(e._transitionClasses,t),Yt(e,t)}function Wt(e,t,n){var r=Kt(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===ua?da:ha,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c<a&&u()},o+1),e.addEventListener(s,l)}function Kt(e,t){var n,r=window.getComputedStyle(e),i=r[fa+"Delay"].split(", "),o=r[fa+"Duration"].split(", "),a=Vt(i,o),s=r[pa+"Delay"].split(", "),c=r[pa+"Duration"].split(", "),u=Vt(s,c),l=0,f=0;t===ua?a>0&&(n=ua,l=a,f=o.length):t===la?u>0&&(n=la,l=u,f=c.length):(l=Math.max(a,u),n=l>0?a>u?ua:la:null,f=n?n===ua?o.length:c.length:0);var d=n===ua&&ga.test(r[fa+"Property"]);return{type:n,timeout:l,propCount:f,hasTransform:d}}function Vt(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max.apply(null,t.map(function(t,n){return Xt(t)+Xt(e[n])}))}function Xt(e){return 1e3*Number(e.slice(0,-1))}function Zt(e,t){var n=e.elm;n._leaveCb&&(n._leaveCb.cancelled=!0,n._leaveCb());var r=tn(e.data.transition);if(r&&!n._enterCb&&1===n.nodeType){for(var i=r.css,o=r.type,a=r.enterClass,s=r.enterToClass,c=r.enterActiveClass,u=r.appearClass,l=r.appearToClass,f=r.appearActiveClass,d=r.beforeEnter,p=r.enter,h=r.afterEnter,v=r.enterCancelled,g=r.beforeAppear,m=r.appear,y=r.afterAppear,A=r.appearCancelled,b=Ao,_=Ao.$vnode;_&&_.parent;)_=_.parent,b=_.context;var w=!b._isMounted||!e.isRootInsert;if(!w||m||""===m){var x=w?u:a,C=w?f:c,k=w?l:s,S=w?g||d:d,O=w&&"function"==typeof m?m:p,I=w?y||h:h,E=w?A||v:v,$=i!==!1&&!Ei,M=O&&(O._length||O.length)>1,T=n._enterCb=nn(function(){$&&(qt(n,k),qt(n,C)),T.cancelled?($&&qt(n,x),E&&E(n)):I&&I(n),n._enterCb=null});e.data.show||ue(e.data.hook||(e.data.hook={}),"insert",function(){var t=n.parentNode,r=t&&t._pending&&t._pending[e.key];r&&r.context===e.context&&r.tag===e.tag&&r.elm._leaveCb&&r.elm._leaveCb(),O&&O(n,T)},"transition-insert"),S&&S(n),$&&(zt(n,x),zt(n,C),Gt(function(){zt(n,k),qt(n,x),T.cancelled||M||Wt(n,o,T)})),e.data.show&&(t&&t(),O&&O(n,T)),$||M||T()}}}function en(e,t){function n(){m.cancelled||(e.data.show||((r.parentNode._pending||(r.parentNode._pending={}))[e.key]=e),l&&l(r),v&&(zt(r,s),zt(r,u),Gt(function(){zt(r,c),qt(r,s),m.cancelled||g||Wt(r,a,m)})),f&&f(r,m),v||g||m())}var r=e.elm;r._enterCb&&(r._enterCb.cancelled=!0,r._enterCb());var i=tn(e.data.transition);if(!i)return t();if(!r._leaveCb&&1===r.nodeType){var o=i.css,a=i.type,s=i.leaveClass,c=i.leaveToClass,u=i.leaveActiveClass,l=i.beforeLeave,f=i.leave,d=i.afterLeave,p=i.leaveCancelled,h=i.delayLeave,v=o!==!1&&!Ei,g=f&&(f._length||f.length)>1,m=r._leaveCb=nn(function(){r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[e.key]=null),v&&(qt(r,c),qt(r,u)),m.cancelled?(v&&qt(r,s),p&&p(r)):(t(),d&&d(r)),r._leaveCb=null});h?h(n):n()}}function tn(e){if(e){if("object"==typeof e){var t={};return e.css!==!1&&l(t,ma(e.name||"v")),l(t,e),t}return"string"==typeof e?ma(e):void 0}}function nn(e){var t=!1;return function(){t||(t=!0,e())}}function rn(e,t){t.data.show||Zt(t)}function on(e,t,n){var r=t.value,i=e.multiple;if(i&&!Array.isArray(r))return void Li('<select multiple v-model="'+t.expression+'"> expects an Array value for its binding, but got '+Object.prototype.toString.call(r).slice(8,-1),n);for(var o,a,s=0,c=e.options.length;s<c;s++)if(a=e.options[s],i)o=m(r,sn(a))>-1,a.selected!==o&&(a.selected=o);else if(g(sn(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}function an(e,t){for(var n=0,r=t.length;n<r;n++)if(g(sn(t[n]),e))return!1;return!0}function sn(e){return"_value"in e?e._value:e.value}function cn(e){e.target.composing=!0}function un(e){e.target.composing=!1,ln(e.target,"input")}function ln(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function fn(e){return!e.child||e.data&&e.data.transition?e:fn(e.child._vnode)}function dn(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?dn(ge(t.children)):e}function pn(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[vi(o)]=i[o].fn;return t}function hn(e,t){return/\d-keep-alive$/.test(t.tag)?e("keep-alive"):null}function vn(e){for(;e=e.parent;)if(e.data.transition)return!0}function gn(e,t){return t.key===e.key&&t.tag===e.tag}function mn(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function yn(e){e.data.newPos=e.elm.getBoundingClientRect()}function An(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}function bn(e,t){var n=document.createElement("div");return n.innerHTML='<div a="'+e+'">',n.innerHTML.indexOf(t)>0}function _n(e){return Ma=Ma||document.createElement("div"),Ma.innerHTML=e,Ma.textContent}function wn(e,t){return t&&(e=e.replace(Ss,"\n")),e.replace(Cs,"<").replace(ks,">").replace(Os,"&").replace(Is,'"')}function xn(e,t){function n(t){f+=t,e=e.substring(t)}function r(){var t=e.match(Ha);if(t){var r={tagName:t[1],attrs:[],start:f};n(t[0].length);for(var i,o;!(i=e.match(Ua))&&(o=e.match(Ra));)n(o[0].length),r.attrs.push(o);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=f,r}}function i(e){var n=e.tagName,r=e.unarySlash;u&&("p"===s&&Na(n)&&o("",s),Da(n)&&s===n&&o("",n));for(var i=l(n)||"html"===n&&"head"===s||!!r,a=e.attrs.length,f=new Array(a),d=0;d<a;d++){var p=e.attrs[d];qa&&p[0].indexOf('""')===-1&&(""===p[3]&&delete p[3],""===p[4]&&delete p[4],""===p[5]&&delete p[5]);var h=p[3]||p[4]||p[5]||"";f[d]={name:p[1],value:wn(h,t.shouldDecodeNewlines)}}i||(c.push({tag:n,attrs:f}),s=n,r=""),t.start&&t.start(n,f,i,e.start,e.end)}function o(e,n,r,i){var o;if(null==r&&(r=f),null==i&&(i=f),n){var a=n.toLowerCase();for(o=c.length-1;o>=0&&c[o].tag.toLowerCase()!==a;o--);}else o=0;if(o>=0){for(var u=c.length-1;u>=o;u--)t.end&&t.end(c[u].tag,r,i);c.length=o,s=o&&c[o-1].tag}else"br"===n.toLowerCase()?t.start&&t.start(n,[],!0,r,i):"p"===n.toLowerCase()&&(t.start&&t.start(n,[],!1,r,i),t.end&&t.end(n,r,i))}for(var a,s,c=[],u=t.expectHTML,l=t.isUnaryTag||_i,f=0;e;){if(a=e,s&&ws(s,t.sfc,c)){var d=s.toLowerCase(),p=xs[d]||(xs[d]=new RegExp("([\\s\\S]*?)(</"+d+"[^>]*>)","i")),h=0,v=e.replace(p,function(e,n,r){return h=r.length,"script"!==d&&"style"!==d&&"noscript"!==d&&(n=n.replace(/<!--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),t.chars&&t.chars(n),""});f+=e.length-v.length,e=v,o("</"+d+">",d,f-h,f)}else{var g=e.indexOf("<");if(0===g){if(Ga.test(e)){var m=e.indexOf("-->");if(m>=0){n(m+3);continue}}if(za.test(e)){var y=e.indexOf("]>");if(y>=0){n(y+2);continue}}var A=e.match(Ya);if(A){n(A[0].length);continue}var b=e.match(Ja);if(b){var _=f;n(b[0].length),o(b[0],b[1],_,f);continue}var w=r();if(w){i(w);continue}}var x=void 0,C=void 0,k=void 0;if(g>0){for(C=e.slice(g);!(Ja.test(C)||Ha.test(C)||Ga.test(C)||za.test(C)||(k=C.indexOf("<",1),k<0));)g+=k,C=e.slice(g);x=e.substring(0,g),n(g)}g<0&&(x=e,e=""),t.chars&&x&&t.chars(x)}if(e===a&&t.chars){t.chars(e);break}}o()}function Cn(e){function t(){(a||(a=[])).push(e.slice(h,i).trim()),h=i+1}var n,r,i,o,a,s=!1,c=!1,u=!1,l=!1,f=0,d=0,p=0,h=0;for(i=0;i<e.length;i++)if(r=n,n=e.charCodeAt(i),s)39===n&&92!==r&&(s=!1);else if(c)34===n&&92!==r&&(c=!1);else if(u)96===n&&92!==r&&(u=!1);else if(l)47===n&&92!==r&&(l=!1);else if(124!==n||124===e.charCodeAt(i+1)||124===e.charCodeAt(i-1)||f||d||p){switch(n){case 34:c=!0;break;case 39:s=!0;break;case 96:u=!0;break;case 40:p++;break;case 41:p--;break;case 91:d++;break;case 93:d--;break;case 123:f++;break;case 125:f--}if(47===n){for(var v=i-1,g=void 0;v>=0&&(g=e.charAt(v)," "===g);v--);g&&/[\w$]/.test(g)||(l=!0)}}else void 0===o?(h=i+1,o=e.slice(0,i).trim()):t();if(void 0===o?o=e.slice(0,i).trim():0!==h&&t(),a)for(i=0;i<a.length;i++)o=kn(o,a[i]);return o}function kn(e,t){var n=t.indexOf("(");if(n<0)return'_f("'+t+'")('+e+")";var r=t.slice(0,n),i=t.slice(n+1);return'_f("'+r+'")('+e+","+i}function Sn(e,t){var n=t?Ms(t):Es;if(n.test(e)){for(var r,i,o=[],a=n.lastIndex=0;r=n.exec(e);){i=r.index,i>a&&o.push(JSON.stringify(e.slice(a,i)));var s=Cn(r[1].trim());o.push("_s("+s+")"),a=i+r[0].length}return a<e.length&&o.push(JSON.stringify(e.slice(a))),o.join("+")}}function On(e){console.error("[Vue parser]: "+e)}function In(e,t){return e?e.map(function(e){return e[t]}).filter(function(e){return e}):[]}function En(e,t,n){(e.props||(e.props=[])).push({name:t,value:n})}function $n(e,t,n){(e.attrs||(e.attrs=[])).push({name:t,value:n})}function Mn(e,t,n,r,i,o){(e.directives||(e.directives=[])).push({name:t,rawName:n,value:r,arg:i,modifiers:o})}function Tn(e,t,n,r,i){r&&r.capture&&(delete r.capture,t="!"+t),r&&r.once&&(delete r.once,t="~"+t);var o;r&&r.native?(delete r.native,o=e.nativeEvents||(e.nativeEvents={})):o=e.events||(e.events={});var a={value:n,modifiers:r},s=o[t];Array.isArray(s)?i?s.unshift(a):s.push(a):s?o[t]=i?[a,s]:[s,a]:o[t]=a}function jn(e,t,n){var r=Dn(e,":"+t)||Dn(e,"v-bind:"+t);if(null!=r)return Cn(r);if(n!==!1){var i=Dn(e,t);if(null!=i)return JSON.stringify(i)}}function Dn(e,t){var n;if(null!=(n=e.attrsMap[t]))for(var r=e.attrsList,i=0,o=r.length;i<o;i++)if(r[i].name===t){r.splice(i,1);break}return n}function Nn(e){if(Ka=e,Wa=Ka.length,Xa=Za=es=0,e.indexOf("[")<0||e.lastIndexOf("]")<Wa-1)return{exp:e,idx:null};for(;!Ln();)Va=Bn(),Pn(Va)?Qn(Va):91===Va&&Rn(Va);return{exp:e.substring(0,Za),idx:e.substring(Za+1,es)}}function Bn(){return Ka.charCodeAt(++Xa)}function Ln(){return Xa>=Wa}function Pn(e){return 34===e||39===e}function Rn(e){var t=1;for(Za=Xa;!Ln();)if(e=Bn(),Pn(e))Qn(e);else if(91===e&&t++,93===e&&t--,0===t){es=Xa;break}}function Qn(e){for(var t=e;!Ln()&&(e=Bn(),e!==t););}function Fn(e,t){ts=t.warn||On,ns=t.getTagNamespace||_i,rs=t.mustUseProp||_i,is=t.isPreTag||_i,os=In(t.modules,"preTransformNode"),as=In(t.modules,"transformNode"),ss=In(t.modules,"postTransformNode"),cs=t.delimiters;var n,r,i=[],o=t.preserveWhitespace!==!1,a=!1,s=!1,c=!1;return xn(e,{expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,shouldDecodeNewlines:t.shouldDecodeNewlines,start:function(o,u,l){function f(t){c||("slot"!==t.tag&&"template"!==t.tag||(c=!0,ts("Cannot use <"+t.tag+"> as component root element because it may contain multiple nodes:\n"+e)),t.attrsMap.hasOwnProperty("v-for")&&(c=!0,ts("Cannot use v-for on stateful component root element because it renders multiple elements:\n"+e)))}var d=r&&r.ns||ns(o);Ii&&"svg"===d&&(u=or(u));var p={type:1,tag:o,attrsList:u,attrsMap:rr(u),parent:r,children:[]};d&&(p.ns=d),ir(p)&&!ji()&&(p.forbidden=!0,ts("Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <"+o+">, as they will not be parsed."));for(var h=0;h<os.length;h++)os[h](p,t);if(a||(Hn(p),p.pre&&(a=!0)),is(p.tag)&&(s=!0),a)Un(p);else{Gn(p),zn(p),Vn(p),Jn(p),p.plain=!p.key&&!u.length,Yn(p),Xn(p),Zn(p);for(var v=0;v<as.length;v++)as[v](p,t);er(p)}if(n?i.length||(n.if&&(p.elseif||p.else)?(f(p),Kn(n,{exp:p.elseif,block:p})):c||(c=!0,ts("Component template should contain exactly one root element:\n\n"+e+"\n\nIf you are using v-if on multiple elements, use v-else-if to chain them instead."))):(n=p,f(n)),r&&!p.forbidden)if(p.elseif||p.else)qn(p,r);else if(p.slotScope){r.plain=!1;var g=p.slotTarget||"default";(r.scopedSlots||(r.scopedSlots={}))[g]=p}else r.children.push(p),p.parent=r;l||(r=p,i.push(p));for(var m=0;m<ss.length;m++)ss[m](p,t)},end:function(){var e=i[i.length-1],t=e.children[e.children.length-1];t&&3===t.type&&" "===t.text&&e.children.pop(),i.length-=1,r=i[i.length-1],e.pre&&(a=!1),is(e.tag)&&(s=!1)},chars:function(t){if(!r)return void(c||t!==e||(c=!0,ts("Component template requires a root element, rather than just text:\n\n"+e)));if(!Ii||"textarea"!==r.tag||r.attrsMap.placeholder!==t){var n=r.children;if(t=s||t.trim()?Rs(t):o&&n.length?" ":""){var i;!a&&" "!==t&&(i=Sn(t,cs))?n.push({type:2,expression:i,text:t}):" "===t&&" "===n[n.length-1].text||r.children.push({type:3,text:t})}}}}),n}function Hn(e){null!=Dn(e,"v-pre")&&(e.pre=!0)}function Un(e){var t=e.attrsList.length;if(t)for(var n=e.attrs=new Array(t),r=0;r<t;r++)n[r]={name:e.attrsList[r].name,value:JSON.stringify(e.attrsList[r].value)};else e.pre||(e.plain=!0)}function Jn(e){var t=jn(e,"key");t&&("template"===e.tag&&ts("<template> cannot be keyed. Place the key on real elements instead."),e.key=t)}function Yn(e){var t=jn(e,"ref");t&&(e.ref=t,e.refInFor=tr(e))}function Gn(e){var t;if(t=Dn(e,"v-for")){var n=t.match(js);if(!n)return void ts("Invalid v-for expression: "+t);e.for=n[2].trim();var r=n[1].trim(),i=r.match(Ds);i?(e.alias=i[1].trim(),e.iterator1=i[2].trim(),i[3]&&(e.iterator2=i[3].trim())):e.alias=r}}function zn(e){var t=Dn(e,"v-if");if(t)e.if=t,Kn(e,{exp:t,block:e});else{null!=Dn(e,"v-else")&&(e.else=!0);var n=Dn(e,"v-else-if");n&&(e.elseif=n)}}function qn(e,t){var n=Wn(t.children);n&&n.if?Kn(n,{exp:e.elseif,block:e}):ts("v-"+(e.elseif?'else-if="'+e.elseif+'"':"else")+" used on element <"+e.tag+"> without corresponding v-if.")}function Wn(e){for(var t=e.length;t--;){if(1===e[t].type)return e[t];" "!==e[t].text&&ts('text "'+e[t].text.trim()+'" between v-if and v-else(-if) will be ignored.'),e.pop()}}function Kn(e,t){e.ifConditions||(e.ifConditions=[]),e.ifConditions.push(t)}function Vn(e){var t=Dn(e,"v-once");null!=t&&(e.once=!0)}function Xn(e){if("slot"===e.tag)e.slotName=jn(e,"name"),e.key&&ts("`key` does not work on <slot> because slots are abstract outlets and can possibly expand into multiple elements. Use the key on a wrapping element instead.");else{var t=jn(e,"slot");t&&(e.slotTarget='""'===t?'"default"':t),"template"===e.tag&&(e.slotScope=Dn(e,"scope"))}}function Zn(e){var t;(t=jn(e,"is"))&&(e.component=t),null!=Dn(e,"inline-template")&&(e.inlineTemplate=!0)}function er(e){var t,n,r,i,o,a,s,c,u=e.attrsList;for(t=0,n=u.length;t<n;t++)if(r=i=u[t].name,o=u[t].value,Ts.test(r))if(e.hasBindings=!0,s=nr(r),s&&(r=r.replace(Ps,"")),Ns.test(r))r=r.replace(Ns,""),o=Cn(o),c=!1,s&&(s.prop&&(c=!0,r=vi(r),"innerHtml"===r&&(r="innerHTML")),s.camel&&(r=vi(r))),c||rs(e.tag,r)?En(e,r,o):$n(e,r,o);else if(Bs.test(r))r=r.replace(Bs,""),Tn(e,r,o,s);else{r=r.replace(Ts,"");var l=r.match(Ls);l&&(a=l[1])&&(r=r.slice(0,-(a.length+1))),Mn(e,r,i,o,a,s),"model"===r&&ar(e,o)}else{var f=Sn(o,cs);f&&ts(r+'="'+o+'": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.'),$n(e,r,JSON.stringify(o)),rs(e.tag,r)&&("value"===r?En(e,r,JSON.stringify(o)):En(e,r,"true"))}}function tr(e){for(var t=e;t;){if(void 0!==t.for)return!0;t=t.parent}return!1}function nr(e){var t=e.match(Ps);if(t){var n={};return t.forEach(function(e){n[e.slice(1)]=!0}),n}}function rr(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n].name]&&!Ii&&ts("duplicate attribute: "+e[n].name),t[e[n].name]=e[n].value;return t}function ir(e){return"style"===e.tag||"script"===e.tag&&(!e.attrsMap.type||"text/javascript"===e.attrsMap.type)}function or(e){for(var t=[],n=0;n<e.length;n++){var r=e[n];Qs.test(r.name)||(r.name=r.name.replace(Fs,""),t.push(r))}return t}function ar(e,t){for(var n=e;n;)n.for&&n.alias===t&&ts("<"+e.tag+' v-model="'+t+'">: You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable. Consider using an array of objects and use v-model on an object property instead.'),n=n.parent}function sr(e,t){e&&(us=Hs(t.staticKeys||""),ls=t.isReservedTag||_i,ur(e),lr(e,!1))}function cr(e){return r("type,tag,attrsList,attrsMap,plain,parent,children,attrs"+(e?","+e:""))}function ur(e){if(e.static=dr(e),1===e.type){if(!ls(e.tag)&&"slot"!==e.tag&&null==e.attrsMap["inline-template"])return;for(var t=0,n=e.children.length;t<n;t++){var r=e.children[t];ur(r),r.static||(e.static=!1)}}}function lr(e,t){if(1===e.type){if((e.static||e.once)&&(e.staticInFor=t),e.static&&e.children.length&&(1!==e.children.length||3!==e.children[0].type))return void(e.staticRoot=!0);if(e.staticRoot=!1,e.children)for(var n=0,r=e.children.length;n<r;n++)lr(e.children[n],t||!!e.for);e.ifConditions&&fr(e.ifConditions,t)}}function fr(e,t){for(var n=1,r=e.length;n<r;n++)lr(e[n].block,t)}function dr(e){return 2!==e.type&&(3===e.type||!(!e.pre&&(e.hasBindings||e.if||e.for||di(e.tag)||!ls(e.tag)||pr(e)||!Object.keys(e).every(us))))}function pr(e){for(;e.parent;){if(e=e.parent,"template"!==e.tag)return!1;if(e.for)return!0}return!1}function hr(e,t){var n=t?"nativeOn:{":"on:{";for(var r in e)n+='"'+r+'":'+vr(r,e[r])+",";return n.slice(0,-1)+"}"}function vr(e,t){if(t){if(Array.isArray(t))return"["+t.map(function(t){return vr(e,t)}).join(",")+"]";if(t.modifiers){var n="",r=[];for(var i in t.modifiers)Gs[i]?n+=Gs[i]:r.push(i);r.length&&(n=gr(r)+n);var o=Js.test(t.value)?t.value+"($event)":t.value;return"function($event){"+n+o+"}"}return Us.test(t.value)||Js.test(t.value)?t.value:"function($event){"+t.value+"}"}return"function(){}"}function gr(e){return"if("+e.map(mr).join("&&")+")return;"}function mr(e){var t=parseInt(e,10);if(t)return"$event.keyCode!=="+t;var n=Ys[e];return"_k($event.keyCode,"+JSON.stringify(e)+(n?","+JSON.stringify(n):"")+")"}function yr(e,t){e.wrapData=function(n){return"_b("+n+",'"+e.tag+"',"+t.value+(t.modifiers&&t.modifiers.prop?",true":"")+")"}}function Ar(e,t){var n=gs,r=gs=[],i=ms;ms=0,ys=t,fs=t.warn||On,ds=In(t.modules,"transformCode"),ps=In(t.modules,"genData"),hs=t.directives||{},vs=t.isReservedTag||_i;var o=e?br(e):'_c("div")';return gs=n,ms=i,{render:"with(this){return "+o+"}",staticRenderFns:r}}function br(e){if(e.staticRoot&&!e.staticProcessed)return _r(e);if(e.once&&!e.onceProcessed)return wr(e);if(e.for&&!e.forProcessed)return kr(e);if(e.if&&!e.ifProcessed)return xr(e);if("template"!==e.tag||e.slotTarget){if("slot"===e.tag)return Lr(e);var t;if(e.component)t=Pr(e.component,e);else{var n=e.plain?void 0:Sr(e),r=e.inlineTemplate?null:Mr(e,!0);t="_c('"+e.tag+"'"+(n?","+n:"")+(r?","+r:"")+")"}for(var i=0;i<ds.length;i++)t=ds[i](e,t);return t}return Mr(e)||"void 0"}function _r(e){return e.staticProcessed=!0,gs.push("with(this){return "+br(e)+"}"),"_m("+(gs.length-1)+(e.staticInFor?",true":"")+")"}function wr(e){if(e.onceProcessed=!0,e.if&&!e.ifProcessed)return xr(e);if(e.staticInFor){for(var t="",n=e.parent;n;){if(n.for){t=n.key;break}n=n.parent}return t?"_o("+br(e)+","+ms++ +(t?","+t:"")+")":(fs("v-once can only be used inside v-for that is keyed. "),br(e))}return _r(e)}function xr(e){return e.ifProcessed=!0,Cr(e.ifConditions.slice())}function Cr(e){function t(e){return e.once?wr(e):br(e)}if(!e.length)return"_e()";var n=e.shift();return n.exp?"("+n.exp+")?"+t(n.block)+":"+Cr(e):""+t(n.block)}function kr(e){var t=e.for,n=e.alias,r=e.iterator1?","+e.iterator1:"",i=e.iterator2?","+e.iterator2:"";return e.forProcessed=!0,"_l(("+t+"),function("+n+r+i+"){return "+br(e)+"})"}function Sr(e){var t="{",n=Or(e);n&&(t+=n+","),e.key&&(t+="key:"+e.key+","),e.ref&&(t+="ref:"+e.ref+","),e.refInFor&&(t+="refInFor:true,"),e.pre&&(t+="pre:true,"),e.component&&(t+='tag:"'+e.tag+'",');for(var r=0;r<ps.length;r++)t+=ps[r](e);if(e.attrs&&(t+="attrs:{"+Rr(e.attrs)+"},"),e.props&&(t+="domProps:{"+Rr(e.props)+"},"),e.events&&(t+=hr(e.events)+","),e.nativeEvents&&(t+=hr(e.nativeEvents,!0)+","),e.slotTarget&&(t+="slot:"+e.slotTarget+","),e.scopedSlots&&(t+=Er(e.scopedSlots)+","),e.inlineTemplate){var i=Ir(e);i&&(t+=i+",")}return t=t.replace(/,$/,"")+"}",e.wrapData&&(t=e.wrapData(t)),t}function Or(e){var t=e.directives;if(t){var n,r,i,o,a="directives:[",s=!1;for(n=0,r=t.length;n<r;n++){i=t[n],o=!0;var c=hs[i.name]||zs[i.name];c&&(o=!!c(e,i,fs)),o&&(s=!0,a+='{name:"'+i.name+'",rawName:"'+i.rawName+'"'+(i.value?",value:("+i.value+"),expression:"+JSON.stringify(i.value):"")+(i.arg?',arg:"'+i.arg+'"':"")+(i.modifiers?",modifiers:"+JSON.stringify(i.modifiers):"")+"},")}return s?a.slice(0,-1)+"]":void 0}}function Ir(e){var t=e.children[0];if((e.children.length>1||1!==t.type)&&fs("Inline-template components must have exactly one child element."),1===t.type){var n=Ar(t,ys);return"inlineTemplate:{render:function(){"+n.render+"},staticRenderFns:["+n.staticRenderFns.map(function(e){return"function(){"+e+"}"}).join(",")+"]}"}}function Er(e){return"scopedSlots:{"+Object.keys(e).map(function(t){return $r(t,e[t])}).join(",")+"}"}function $r(e,t){return e+":function("+String(t.attrsMap.scope)+"){return "+("template"===t.tag?Mr(t)||"void 0":br(t))+"}"}function Mr(e,t){var n=e.children;if(n.length){var r=n[0];if(1===n.length&&r.for&&"template"!==r.tag&&"slot"!==r.tag)return br(r);var i=Tr(n);return"["+n.map(Nr).join(",")+"]"+(t&&i?","+i:"")}}function Tr(e){for(var t=0,n=0;n<e.length;n++){var r=e[n];if(jr(r)||r.if&&r.ifConditions.some(function(e){return jr(e.block)})){t=2;break}(Dr(r)||r.if&&r.ifConditions.some(function(e){return Dr(e.block)}))&&(t=1)}return t}function jr(e){return e.for||"template"===e.tag||"slot"===e.tag}function Dr(e){return 1===e.type&&!vs(e.tag)}function Nr(e){return 1===e.type?br(e):Br(e)}function Br(e){return"_v("+(2===e.type?e.expression:Qr(JSON.stringify(e.text)))+")"}function Lr(e){var t=e.slotName||'"default"',n=Mr(e),r="_t("+t+(n?","+n:""),i=e.attrs&&"{"+e.attrs.map(function(e){return vi(e.name)+":"+e.value}).join(",")+"}",o=e.attrsMap["v-bind"];return!i&&!o||n||(r+=",null"),i&&(r+=","+i),o&&(r+=(i?"":",null")+","+o),r+")"}function Pr(e,t){var n=t.inlineTemplate?null:Mr(t,!0);return"_c("+e+","+Sr(t)+(n?","+n:"")+")"}function Rr(e){for(var t="",n=0;n<e.length;n++){var r=e[n];t+='"'+r.name+'":'+Qr(r.value)+","}return t.slice(0,-1)}function Qr(e){return e.replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function Fr(e,t){var n=Fn(e.trim(),t);sr(n,t);var r=Ar(n,t);return{ast:n,render:r.render,staticRenderFns:r.staticRenderFns}}function Hr(e){var t=[];return e&&Ur(e,t),t}function Ur(e,t){if(1===e.type){for(var n in e.attrsMap)if(Ts.test(n)){var r=e.attrsMap[n];r&&("v-for"===n?Jr(e,'v-for="'+r+'"',t):Gr(r,n+'="'+r+'"',t))}if(e.children)for(var i=0;i<e.children.length;i++)Ur(e.children[i],t)}else 2===e.type&&Gr(e.expression,e.text,t)}function Jr(e,t,n){Gr(e.for||"",t,n),Yr(e.alias,"v-for alias",t,n),Yr(e.iterator1,"v-for iterator",t,n),Yr(e.iterator2,"v-for iterator",t,n)}function Yr(e,t,n,r){"string"!=typeof e||Ws.test(e)||r.push("- invalid "+t+' "'+e+'" in expression: '+n)}function Gr(e,t,n){try{new Function("return "+e)}catch(i){var r=e.replace(Ks,"").match(qs);r?n.push('- avoid using JavaScript keyword as property name: "'+r[0]+'" in expression '+t):n.push("- invalid expression: "+t)}}function zr(e,t){var n=t.warn||On,r=Dn(e,"class");if(r){var i=Sn(r,t.delimiters);i&&n('class="'+r+'": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div class="{{ val }}">, use <div :class="val">.')}r&&(e.staticClass=JSON.stringify(r));var o=jn(e,"class",!1);o&&(e.classBinding=o)}function qr(e){var t="";return e.staticClass&&(t+="staticClass:"+e.staticClass+","),e.classBinding&&(t+="class:"+e.classBinding+","),t}function Wr(e,t){var n=t.warn||On,r=Dn(e,"style");if(r){var i=Sn(r,t.delimiters);i&&n('style="'+r+'": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div style="{{ val }}">, use <div :style="val">.'),e.staticStyle=JSON.stringify(ta(r))}var o=jn(e,"style",!1);o&&(e.styleBinding=o)}function Kr(e){var t="";return e.staticStyle&&(t+="staticStyle:"+e.staticStyle+","),e.styleBinding&&(t+="style:("+e.styleBinding+"),"),t}function Vr(e,t,n){As=n;var r=t.value,i=t.modifiers,o=e.tag,a=e.attrsMap.type,s=e.attrsMap["v-bind:type"]||e.attrsMap[":type"];return"input"===o&&s&&As('<input :type="'+s+'" v-model="'+r+'">:\nv-model does not support dynamic input types. Use v-if branches instead.'),"select"===o?ti(e,r,i):"input"===o&&"checkbox"===a?Xr(e,r,i):"input"===o&&"radio"===a?Zr(e,r,i):ei(e,r,i),!0}function Xr(e,t,n){null!=e.attrsMap.checked&&As("<"+e.tag+' v-model="'+t+"\" checked>:\ninline checked attributes will be ignored when using v-model. Declare initial values in the component's data option instead.");var r=n&&n.number,i=jn(e,"value")||"null",o=jn(e,"true-value")||"true",a=jn(e,"false-value")||"false";En(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),Tn(e,"change","var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$c){$$i<0&&("+t+"=$$a.concat($$v))}else{$$i>-1&&("+t+"=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{"+t+"=$$c}",null,!0)}function Zr(e,t,n){null!=e.attrsMap.checked&&As("<"+e.tag+' v-model="'+t+"\" checked>:\ninline checked attributes will be ignored when using v-model. Declare initial values in the component's data option instead.");var r=n&&n.number,i=jn(e,"value")||"null";i=r?"_n("+i+")":i,En(e,"checked","_q("+t+","+i+")"),Tn(e,"change",ri(t,i),null,!0)}function ei(e,t,n){"input"===e.tag&&e.attrsMap.value&&As("<"+e.tag+' v-model="'+t+'" value="'+e.attrsMap.value+"\">:\ninline value attributes will be ignored when using v-model. Declare initial values in the component's data option instead."),"textarea"===e.tag&&e.children.length&&As('<textarea v-model="'+t+"\">:\ninline content inside <textarea> will be ignored when using v-model. Declare initial values in the component's data option instead.");var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=o||Ii&&"range"===r?"change":"input",u=!o&&"range"!==r,l="input"===e.tag||"textarea"===e.tag,f=l?"$event.target.value"+(s?".trim()":""):s?"(typeof $event === 'string' ? $event.trim() : $event)":"$event";f=a||"number"===r?"_n("+f+")":f;var d=ri(t,f);l&&u&&(d="if($event.target.composing)return;"+d),"file"===r&&As("<"+e.tag+' v-model="'+t+'" type="file">:\nFile inputs are read only. Use a v-on:change listener instead.'),En(e,"value",l?"_s("+t+")":"("+t+")"),Tn(e,c,d,null,!0),(s||a||"number"===r)&&Tn(e,"blur","$forceUpdate()")}function ti(e,t,n){e.children.some(ni);var r=n&&n.number,i='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(r?"_n(val)":"val")+"})"+(null==e.attrsMap.multiple?"[0]":""),o=ri(t,i);Tn(e,"change",o,null,!0)}function ni(e){return 1===e.type&&"option"===e.tag&&null!=e.attrsMap.selected&&(As('<select v-model="'+e.parent.attrsMap["v-model"]+"\">:\ninline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead."),!0)}function ri(e,t){var n=Nn(e);return null===n.idx?e+"="+t:"var $$exp = "+n.exp+", $$idx = "+n.idx+";if (!Array.isArray($$exp)){"+e+"="+t+"}else{$$exp.splice($$idx, 1, "+t+")}"}function ii(e,t){t.value&&En(e,"textContent","_s("+t.value+")")}function oi(e,t){t.value&&En(e,"innerHTML","_s("+t.value+")")}function ai(e,t){return t=t?l(l({},nc),t):nc,Fr(e,t)}function si(e,t,n){var r=t&&t.warn||Li;try{new Function("return 1")}catch(e){e.toString().match(/unsafe-eval|CSP/)&&r("It seems you are using the standalone build of Vue.js in an environment with Content Security Policy that prohibits unsafe-eval. The template compiler cannot work in this environment. Consider relaxing the policy to allow unsafe-eval or pre-compiling your templates into render functions.")}var i=t&&t.delimiters?String(t.delimiters)+e:e;if(tc[i])return tc[i];var o={},a=ai(e,t);o.render=ci(a.render);var s=a.staticRenderFns.length;o.staticRenderFns=new Array(s);for(var c=0;c<s;c++)o.staticRenderFns[c]=ci(a.staticRenderFns[c]);return(o.render===h||o.staticRenderFns.some(function(e){return e===h}))&&r("failed to compile template:\n\n"+e+"\n\n"+Hr(a.ast).join("\n")+"\n\n",n),tc[i]=o}function ci(e){try{return new Function(e)}catch(e){return h}}function ui(e){if(e.outerHTML)return e.outerHTML;var t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}var li,fi,di=r("slot,component",!0),pi=Object.prototype.hasOwnProperty,hi=/-(\w)/g,vi=s(function(e){return e.replace(hi,function(e,t){return t?t.toUpperCase():""})}),gi=s(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),mi=/([^-])([A-Z])/g,yi=s(function(e){
-return e.replace(mi,"$1-$2").replace(mi,"$1-$2").toLowerCase()}),Ai=Object.prototype.toString,bi="[object Object]",_i=function(){return!1},wi=function(e){return e},xi={optionMergeStrategies:Object.create(null),silent:!1,devtools:!0,errorHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:_i,isUnknownElement:_i,getTagNamespace:h,parsePlatformTagName:wi,mustUseProp:_i,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100},Ci=/[^\w.$]/,ki="__proto__"in{},Si="undefined"!=typeof window,Oi=Si&&window.navigator.userAgent.toLowerCase(),Ii=Oi&&/msie|trident/.test(Oi),Ei=Oi&&Oi.indexOf("msie 9.0")>0,$i=Oi&&Oi.indexOf("edge/")>0,Mi=Oi&&Oi.indexOf("android")>0,Ti=Oi&&/iphone|ipad|ipod|ios/.test(Oi),ji=function(){return void 0===li&&(li=!Si&&"undefined"!=typeof t&&"server"===t.process.env.VUE_ENV),li},Di=Si&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ni=function(){function e(){r=!1;var e=n.slice(0);n.length=0;for(var t=0;t<e.length;t++)e[t]()}var t,n=[],r=!1;if("undefined"!=typeof Promise&&_(Promise)){var i=Promise.resolve(),o=function(e){console.error(e)};t=function(){i.then(e).catch(o),Ti&&setTimeout(h)}}else if("undefined"==typeof MutationObserver||!_(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())t=function(){setTimeout(e,0)};else{var a=1,s=new MutationObserver(e),c=document.createTextNode(String(a));s.observe(c,{characterData:!0}),t=function(){a=(a+1)%2,c.data=String(a)}}return function(e,i){var o;if(n.push(function(){e&&e.call(i),o&&o(i)}),r||(r=!0,t()),!e&&"undefined"!=typeof Promise)return new Promise(function(e){o=e})}}();fi="undefined"!=typeof Set&&_(Set)?Set:function(){function e(){this.set=Object.create(null)}return e.prototype.has=function(e){return this.set[e]===!0},e.prototype.add=function(e){this.set[e]=!0},e.prototype.clear=function(){this.set=Object.create(null)},e}();var Bi,Li=h,Pi="undefined"!=typeof console;Li=function(e,t){Pi&&!xi.silent&&console.error("[Vue warn]: "+e+" "+(t?Ri(Bi(t)):""))},Bi=function(e){if(e.$root===e)return"root instance";var t=e._isVue?e.$options.name||e.$options._componentTag:e.name;return(t?"component <"+t+">":"anonymous component")+(e._isVue&&e.$options.__file?" at "+e.$options.__file:"")};var Ri=function(e){return"anonymous component"===e&&(e+=' - use the "name" option for better debugging messages.'),"\n(found in "+e+")"},Qi=0,Fi=function(){this.id=Qi++,this.subs=[]};Fi.prototype.addSub=function(e){this.subs.push(e)},Fi.prototype.removeSub=function(e){i(this.subs,e)},Fi.prototype.depend=function(){Fi.target&&Fi.target.addDep(this)},Fi.prototype.notify=function(){for(var e=this.subs.slice(),t=0,n=e.length;t<n;t++)e[t].update()},Fi.target=null;var Hi=[],Ui=Array.prototype,Ji=Object.create(Ui);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(e){var t=Ui[e];A(Ji,e,function(){for(var n=arguments,r=arguments.length,i=new Array(r);r--;)i[r]=n[r];var o,a=t.apply(this,i),s=this.__ob__;switch(e){case"push":o=i;break;case"unshift":o=i;break;case"splice":o=i.slice(2)}return o&&s.observeArray(o),s.dep.notify(),a})});var Yi=Object.getOwnPropertyNames(Ji),Gi={shouldConvert:!0,isSettingProps:!1},zi=function(e){if(this.value=e,this.dep=new Fi,this.vmCount=0,A(e,"__ob__",this),Array.isArray(e)){var t=ki?C:k;t(e,Ji,Yi),this.observeArray(e)}else this.walk(e)};zi.prototype.walk=function(e){for(var t=Object.keys(e),n=0;n<t.length;n++)O(e,t[n],e[t[n]])},zi.prototype.observeArray=function(e){for(var t=0,n=e.length;t<n;t++)S(e[t])};var qi=xi.optionMergeStrategies;qi.el=qi.propsData=function(e,t,n,r){return n||Li('option "'+r+'" can only be used during instance creation with the `new` keyword.'),Ki(e,t)},qi.data=function(e,t,n){return n?e||t?function(){var r="function"==typeof t?t.call(n):t,i="function"==typeof e?e.call(n):void 0;return r?M(r,i):i}:void 0:t?"function"!=typeof t?(Li('The "data" option should be a function that returns a per-instance value in component definitions.',n),e):e?function(){return M(t.call(this),e.call(this))}:t:e},xi._lifecycleHooks.forEach(function(e){qi[e]=T}),xi._assetTypes.forEach(function(e){qi[e+"s"]=j}),qi.watch=function(e,t){if(!t)return e;if(!e)return t;var n={};l(n,e);for(var r in t){var i=n[r],o=t[r];i&&!Array.isArray(i)&&(i=[i]),n[r]=i?i.concat(o):[o]}return n},qi.props=qi.methods=qi.computed=function(e,t){if(!t)return e;if(!e)return t;var n=Object.create(null);return l(n,e),l(n,t),n};var Wi,Ki=function(e,t){return void 0===t?e:t},Vi=Object.freeze({defineReactive:O,_toString:e,toNumber:n,makeMap:r,isBuiltInTag:di,remove:i,hasOwn:o,isPrimitive:a,cached:s,camelize:vi,capitalize:gi,hyphenate:yi,bind:c,toArray:u,extend:l,isObject:f,isPlainObject:d,toObject:p,noop:h,no:_i,identity:wi,genStaticKeys:v,looseEqual:g,looseIndexOf:m,isReserved:y,def:A,parsePath:b,hasProto:ki,inBrowser:Si,UA:Oi,isIE:Ii,isIE9:Ei,isEdge:$i,isAndroid:Mi,isIOS:Ti,isServerRendering:ji,devtools:Di,nextTick:Ni,get _Set(){return fi},mergeOptions:L,resolveAsset:P,get warn(){return Li},get formatComponentName(){return Bi},validateProp:R}),Xi=r("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,require"),Zi=function(e,t){Li('Property or method "'+t+'" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.',e)},eo="undefined"!=typeof Proxy&&Proxy.toString().match(/native code/);if(eo){var to=r("stop,prevent,self,ctrl,shift,alt,meta");xi.keyCodes=new Proxy(xi.keyCodes,{set:function(e,t,n){return to(t)?(Li("Avoid overwriting built-in modifier in config.keyCodes: ."+t),!1):(e[t]=n,!0)}})}var no={has:function e(t,n){var e=n in t,r=Xi(n)||"_"===n.charAt(0);return e||r||Zi(t,n),e||!r}},ro={get:function(e,t){return"string"!=typeof t||t in e||Zi(e,t),e[t]}};Wi=function(e){if(eo){var t=e.$options,n=t.render&&t.render._withStripped?ro:no;e._renderProxy=new Proxy(e,n)}else e._renderProxy=e};var io=[],oo={},ao={},so=!1,co=!1,uo=0,lo=0,fo=function(e,t,n,r){this.vm=e,e._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++lo,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new fi,this.newDepIds=new fi,this.expression=t.toString(),"function"==typeof t?this.getter=t:(this.getter=b(t),this.getter||(this.getter=function(){},Li('Failed watching path: "'+t+'" Watcher only accepts simple dot-delimited paths. For full control, use a function instead.',e))),this.value=this.lazy?void 0:this.get()};fo.prototype.get=function(){w(this);var e=this.getter.call(this.vm,this.vm);return this.deep&&q(e),x(),this.cleanupDeps(),e},fo.prototype.addDep=function(e){var t=e.id;this.newDepIds.has(t)||(this.newDepIds.add(t),this.newDeps.push(e),this.depIds.has(t)||e.addSub(this))},fo.prototype.cleanupDeps=function(){for(var e=this,t=this.deps.length;t--;){var n=e.deps[t];e.newDepIds.has(n.id)||n.removeSub(e)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},fo.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():z(this)},fo.prototype.run=function(){if(this.active){var e=this.get();if(e!==this.value||f(e)||this.deep){var t=this.value;if(this.value=e,this.user)try{this.cb.call(this.vm,e,t)}catch(e){if(!xi.errorHandler)throw Li('Error in watcher "'+this.expression+'"',this.vm),e;xi.errorHandler.call(null,e,this.vm)}else this.cb.call(this.vm,e,t)}}},fo.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},fo.prototype.depend=function(){for(var e=this,t=this.deps.length;t--;)e.deps[t].depend()},fo.prototype.teardown=function(){var e=this;if(this.active){this.vm._isBeingDestroyed||i(this.vm._watchers,this);for(var t=this.deps.length;t--;)e.deps[t].removeSub(e);this.active=!1}};var po,ho=new fi,vo={key:1,ref:1,slot:1},go={enumerable:!0,configurable:!0,get:h,set:h},mo=function(e,t,n,r,i,o,a){this.tag=e,this.data=t,this.children=n,this.text=r,this.elm=i,this.ns=void 0,this.context=o,this.functionalContext=void 0,this.key=t&&t.key,this.componentOptions=a,this.child=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1},yo=function(){var e=new mo;return e.text="",e.isComment=!0,e},Ao=null,bo={init:Ie,prepatch:Ee,insert:$e,destroy:Me},_o=Object.keys(bo),wo=1,xo=2,Co=0;Ue(Ge),ie(Ge),_e(Ge),xe(Ge),Fe(Ge);var ko=[String,RegExp],So={name:"keep-alive",abstract:!0,props:{include:ko,exclude:ko},created:function(){this.cache=Object.create(null)},render:function(){var e=ge(this.$slots.default);if(e&&e.componentOptions){var t=e.componentOptions,n=t.Ctor.options.name||t.tag;if(n&&(this.include&&!Ve(this.include,n)||this.exclude&&Ve(this.exclude,n)))return e;var r=null==e.key?t.Ctor.cid+(t.tag?"::"+t.tag:""):e.key;this.cache[r]?e.child=this.cache[r].child:this.cache[r]=e,e.data.keepAlive=!0}return e},destroyed:function(){var e=this;for(var t in this.cache){var n=e.cache[t];Ce(n.child,"deactivated"),n.child.$destroy()}}},Oo={KeepAlive:So};Xe(Ge),Object.defineProperty(Ge.prototype,"$isServer",{get:ji}),Ge.version="2.1.8";var Io,Eo,$o=r("input,textarea,option,select"),Mo=function(e,t){return"value"===t&&$o(e)||"selected"===t&&"option"===e||"checked"===t&&"input"===e||"muted"===t&&"video"===e},To=r("contenteditable,draggable,spellcheck"),jo=r("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Do="http://www.w3.org/1999/xlink",No=function(e){return":"===e.charAt(5)&&"xlink"===e.slice(0,5)},Bo=function(e){return No(e)?e.slice(6,e.length):""},Lo=function(e){return null==e||e===!1},Po={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Ro=r("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),Qo=r("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Fo=function(e){return"pre"===e},Ho=function(e){return Ro(e)||Qo(e)},Uo=Object.create(null),Jo=Object.freeze({createElement:st,createElementNS:ct,createTextNode:ut,createComment:lt,insertBefore:ft,removeChild:dt,appendChild:pt,parentNode:ht,nextSibling:vt,tagName:gt,setTextContent:mt,setAttribute:yt}),Yo={create:function(e,t){At(t)},update:function(e,t){e.data.ref!==t.data.ref&&(At(e,!0),At(t))},destroy:function(e){At(e,!0)}},Go=new mo("",{},[]),zo=["create","activate","update","remove","destroy"],qo={create:kt,update:kt,destroy:function(e){kt(e,Go)}},Wo=Object.create(null),Ko=[Yo,qo],Vo={create:$t,update:$t},Xo={create:Tt,update:Tt},Zo={create:Nt,update:Nt},ea={create:Bt,update:Bt},ta=s(function(e){var t={},n=/;(?![^(]*\))/g,r=/:(.+)/;return e.split(n).forEach(function(e){if(e){var n=e.split(r);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}),na=/^--/,ra=/\s*!important$/,ia=function(e,t,n){na.test(t)?e.style.setProperty(t,n):ra.test(n)?e.style.setProperty(t,n.replace(ra,""),"important"):e.style[aa(t)]=n},oa=["Webkit","Moz","ms"],aa=s(function(e){if(Eo=Eo||document.createElement("div"),e=vi(e),"filter"!==e&&e in Eo.style)return e;for(var t=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<oa.length;n++){var r=oa[n]+t;if(r in Eo.style)return r}}),sa={create:Ut,update:Ut},ca=Si&&!Ei,ua="transition",la="animation",fa="transition",da="transitionend",pa="animation",ha="animationend";ca&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(fa="WebkitTransition",da="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(pa="WebkitAnimation",ha="webkitAnimationEnd"));var va=Si&&window.requestAnimationFrame||setTimeout,ga=/\b(transform|all)(,|$)/,ma=s(function(e){return{enterClass:e+"-enter",leaveClass:e+"-leave",appearClass:e+"-enter",enterToClass:e+"-enter-to",leaveToClass:e+"-leave-to",appearToClass:e+"-enter-to",enterActiveClass:e+"-enter-active",leaveActiveClass:e+"-leave-active",appearActiveClass:e+"-enter-active"}}),ya=Si?{create:rn,activate:rn,remove:function(e,t){e.data.show?t():en(e,t)}}:{},Aa=[Vo,Xo,Zo,ea,sa,ya],ba=Aa.concat(Ko),_a=Ct({nodeOps:Jo,modules:ba}),wa=/^input|select|textarea|vue-component-[0-9]+(-[0-9a-zA-Z_-]*)?$/;Ei&&document.addEventListener("selectionchange",function(){var e=document.activeElement;e&&e.vmodel&&ln(e,"input")});var xa={inserted:function(e,t,n){if(wa.test(n.tag)||Li("v-model is not supported on element type: <"+n.tag+">. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.",n.context),"select"===n.tag){var r=function(){on(e,t,n.context)};r(),(Ii||$i)&&setTimeout(r,0)}else"textarea"!==n.tag&&"text"!==e.type||(e._vModifiers=t.modifiers,t.modifiers.lazy||(Mi||(e.addEventListener("compositionstart",cn),e.addEventListener("compositionend",un)),Ei&&(e.vmodel=!0)))},componentUpdated:function(e,t,n){if("select"===n.tag){on(e,t,n.context);var r=e.multiple?t.value.some(function(t){return an(t,e.options)}):t.value!==t.oldValue&&an(t.value,e.options);r&&ln(e,"change")}}},Ca={bind:function(e,t,n){var r=t.value;n=fn(n);var i=n.data&&n.data.transition,o=e.__vOriginalDisplay="none"===e.style.display?"":e.style.display;r&&i&&!Ei?(n.data.show=!0,Zt(n,function(){e.style.display=o})):e.style.display=r?o:"none"},update:function(e,t,n){var r=t.value,i=t.oldValue;if(r!==i){n=fn(n);var o=n.data&&n.data.transition;o&&!Ei?(n.data.show=!0,r?Zt(n,function(){e.style.display=e.__vOriginalDisplay}):en(n,function(){e.style.display="none"})):e.style.display=r?e.__vOriginalDisplay:"none"}},unbind:function(e,t,n,r,i){i||(e.style.display=e.__vOriginalDisplay)}},ka={model:xa,show:Ca},Sa={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String},Oa={name:"transition",props:Sa,abstract:!0,render:function(e){var t=this,n=this.$slots.default;if(n&&(n=n.filter(function(e){return e.tag}),n.length)){n.length>1&&Li("<transition> can only be used on a single element. Use <transition-group> for lists.",this.$parent);var r=this.mode;r&&"in-out"!==r&&"out-in"!==r&&Li("invalid <transition> mode: "+r,this.$parent);var i=n[0];if(vn(this.$vnode))return i;var o=dn(i);if(!o)return i;if(this._leaving)return hn(e,i);var a=o.key=null==o.key||o.isStatic?"__v"+(o.tag+this._uid)+"__":o.key,s=(o.data||(o.data={})).transition=pn(this),c=this._vnode,u=dn(c);if(o.data.directives&&o.data.directives.some(function(e){return"show"===e.name})&&(o.data.show=!0),u&&u.data&&!gn(o,u)){var f=u&&(u.data.transition=l({},s));if("out-in"===r)return this._leaving=!0,ue(f,"afterLeave",function(){t._leaving=!1,t.$forceUpdate()},a),hn(e,i);if("in-out"===r){var d,p=function(){d()};ue(s,"afterEnter",p,a),ue(s,"enterCancelled",p,a),ue(f,"delayLeave",function(e){d=e},a)}}return i}}},Ia=l({tag:String,moveClass:String},Sa);delete Ia.mode;var Ea={props:Ia,render:function(e){for(var t=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,i=this.$slots.default||[],o=this.children=[],a=pn(this),s=0;s<i.length;s++){var c=i[s];if(c.tag)if(null!=c.key&&0!==String(c.key).indexOf("__vlist"))o.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a;else{var u=c.componentOptions,l=u?u.Ctor.options.name||u.tag:c.tag;Li("<transition-group> children must be keyed: <"+l+">")}}if(r){for(var f=[],d=[],p=0;p<r.length;p++){var h=r[p];h.data.transition=a,h.data.pos=h.elm.getBoundingClientRect(),n[h.key]?f.push(h):d.push(h)}this.kept=e(t,null,f),this.removed=d}return e(t,null,o)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var e=this.prevChildren,t=this.moveClass||(this.name||"v")+"-move";if(e.length&&this.hasMove(e[0].elm,t)){e.forEach(mn),e.forEach(yn),e.forEach(An);document.body.offsetHeight;e.forEach(function(e){if(e.data.moved){var n=e.elm,r=n.style;zt(n,t),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(da,n._moveCb=function e(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(da,e),n._moveCb=null,qt(n,t))})}})}},methods:{hasMove:function(e,t){if(!ca)return!1;if(null!=this._hasMove)return this._hasMove;zt(e,t);var n=Kt(e);return qt(e,t),this._hasMove=n.hasTransform}}},$a={Transition:Oa,TransitionGroup:Ea};Ge.config.isUnknownElement=ot,Ge.config.isReservedTag=Ho,Ge.config.getTagNamespace=it,Ge.config.mustUseProp=Mo,l(Ge.options.directives,ka),l(Ge.options.components,$a),Ge.prototype.__patch__=Si?_a:h,Ge.prototype.$mount=function(e,t){return e=e&&Si?at(e):void 0,this._mount(e,t)},Si&&"undefined"!=typeof console&&console[console.info?"info":"log"]("You are running Vue in development mode.\nMake sure to turn on production mode when deploying for production.\nSee more tips at https://vuejs.org/guide/deployment.html"),setTimeout(function(){xi.devtools&&(Di?Di.emit("init",Ge):Si&&!$i&&/Chrome\/\d+/.test(window.navigator.userAgent)&&console[console.info?"info":"log"]("Download the Vue Devtools extension for a better development experience:\nhttps://github.com/vuejs/vue-devtools"))},0);var Ma,Ta=!!Si&&bn("\n","&#10;"),ja=r("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr",!0),Da=r("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source",!0),Na=r("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track",!0),Ba=/([^\s"'<>\/=]+)/,La=/(?:=)/,Pa=[/"([^"]*)"+/.source,/'([^']*)'+/.source,/([^\s"'=<>`]+)/.source],Ra=new RegExp("^\\s*"+Ba.source+"(?:\\s*("+La.source+")\\s*(?:"+Pa.join("|")+"))?"),Qa="[a-zA-Z_][\\w\\-\\.]*",Fa="((?:"+Qa+"\\:)?"+Qa+")",Ha=new RegExp("^<"+Fa),Ua=/^\s*(\/?)>/,Ja=new RegExp("^<\\/"+Fa+"[^>]*>"),Ya=/^<!DOCTYPE [^>]+>/i,Ga=/^<!--/,za=/^<!\[/,qa=!1;"x".replace(/x(.)?/g,function(e,t){qa=""===t});var Wa,Ka,Va,Xa,Za,es,ts,ns,rs,is,os,as,ss,cs,us,ls,fs,ds,ps,hs,vs,gs,ms,ys,As,bs=r("script,style",!0),_s=function(e){return"lang"===e.name&&"html"!==e.value},ws=function(e,t,n){return!!bs(e)||!(!t||1!==n.length)&&!("template"===e&&!n[0].attrs.some(_s))},xs={},Cs=/&lt;/g,ks=/&gt;/g,Ss=/&#10;/g,Os=/&amp;/g,Is=/&quot;/g,Es=/\{\{((?:.|\n)+?)\}\}/g,$s=/[-.*+?^${}()|[\]\/\\]/g,Ms=s(function(e){var t=e[0].replace($s,"\\$&"),n=e[1].replace($s,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")}),Ts=/^v-|^@|^:/,js=/(.*?)\s+(?:in|of)\s+(.*)/,Ds=/\((\{[^}]*\}|[^,]*),([^,]*)(?:,([^,]*))?\)/,Ns=/^:|^v-bind:/,Bs=/^@|^v-on:/,Ls=/:(.*)$/,Ps=/\.[^.]+/g,Rs=s(_n),Qs=/^xmlns:NS\d+/,Fs=/^NS\d+:/,Hs=s(cr),Us=/^\s*([\w$_]+|\([^)]*?\))\s*=>|^function\s*\(/,Js=/^\s*[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?']|\[".*?"]|\[\d+]|\[[A-Za-z_$][\w$]*])*\s*$/,Ys={esc:27,tab:9,enter:13,space:32,up:38,left:37,right:39,down:40,delete:[8,46]},Gs={stop:"$event.stopPropagation();",prevent:"$event.preventDefault();",self:"if($event.target !== $event.currentTarget)return;",ctrl:"if(!$event.ctrlKey)return;",shift:"if(!$event.shiftKey)return;",alt:"if(!$event.altKey)return;",meta:"if(!$event.metaKey)return;"},zs={bind:yr,cloak:h},qs=new RegExp("\\b"+"do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,super,throw,while,yield,delete,export,import,return,switch,default,extends,finally,continue,debugger,function,arguments".split(",").join("\\b|\\b")+"\\b"),Ws=/[A-Za-z_$][\w$]*/,Ks=/'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g,Vs={staticKeys:["staticClass"],transformNode:zr,genData:qr},Xs={staticKeys:["staticStyle"],transformNode:Wr,genData:Kr},Zs=[Vs,Xs],ec={model:Vr,text:ii,html:oi},tc=Object.create(null),nc={expectHTML:!0,modules:Zs,staticKeys:v(Zs),directives:ec,isReservedTag:Ho,isUnaryTag:ja,mustUseProp:Mo,getTagNamespace:it,isPreTag:Fo},rc=s(function(e){var t=at(e);return t&&t.innerHTML}),ic=Ge.prototype.$mount;return Ge.prototype.$mount=function(e,t){if(e=e&&at(e),e===document.body||e===document.documentElement)return Li("Do not mount Vue to <html> or <body> - mount to normal elements instead."),this;var n=this.$options;if(!n.render){var r=n.template;if(r)if("string"==typeof r)"#"===r.charAt(0)&&(r=rc(r),r||Li("Template element not found or is empty: "+n.template,this));else{if(!r.nodeType)return Li("invalid template option:"+r,this),this;r=r.innerHTML}else e&&(r=ui(e));if(r){var i=si(r,{warn:Li,shouldDecodeNewlines:Ta,delimiters:n.delimiters},this),o=i.render,a=i.staticRenderFns;n.render=o,n.staticRenderFns=a}}return ic.call(this,e,t)},Ge.compile=si,Ge})}).call(t,function(){return this}())},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var i=n(3),o=r(i);e.exports=o.default},function(e,t,n){var r,i,o={};n(4),r=n(8),i=n(86),e.exports=r||{},e.exports.__esModule&&(e.exports=e.exports.default);var a="function"==typeof e.exports?e.exports.options||(e.exports.options={}):e.exports;i&&(a.template=i),a.computed||(a.computed={}),Object.keys(o).forEach(function(e){var t=o[e];a.computed[e]=function(){return t}})},function(e,t,n){var r=n(5);"string"==typeof r&&(r=[[e.id,r,""]]);n(7)(r,{});r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(6)(),t.push([e.id,'.g-core-image-upload-btn{position:relative;overflow:hidden}.g-core-image-upload-form{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0}.g-core-image-upload-container{position:absolute;background:#111;z-index:900}.g-core-image-upload-modal{position:absolute;left:0;right:0;width:100%;height:100%;border:1px solid #ccc;z-index:899}.dropped{border:4px solid #ea6153}.g-core-image-corp-container{z-index:1900;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.9);color:#f1f1f1}.g-core-image-corp-container .image-aside{overflow:hidden;position:absolute;right:30px;left:30px;top:60px;bottom:20px;text-align:center}.g-core-image-corp-container .image-aside img{max-width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.g-core-image-corp-container .info-aside{position:absolute;left:0;right:0;top:0;height:40px;padding-left:10px;padding-right:10px;background:#fefefe;color:#777}.g-core-image-corp-container .info-aside .image-corp-preview{position:relative;overflow:hidden;text-align:center;border:2px solid #ccc}.g-core-image-corp-container .info-aside .image-corp-preview.circled{border-radius:160px}.g-core-image-corp-container .info-aside .image-corp-preview img{width:100%}.g-core-image-corp-container .info-aside .config-info .image-details{width:100%;color:#999}.g-core-image-corp-container .info-aside .config-info .image-details td{border:none;line-height:24px}.g-core-image-corp-container .info-aside .config-info .image-details tr td:first-child{width:36%}.g-core-image-corp-container .info-aside .config-info .image-details tr td:last-child{color:#555}.g-core-image-corp-container .btn-groups{text-align:right;margin:5px 0 0}.g-core-image-corp-container .btn{display:inline-block;padding:0 15px;height:32px;margin-left:15px;background:#fff;border:1px solid #ccc;border-radius:2px;font-size:13px;color:#222;line-height:32px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.g-core-image-corp-container .btn:hover{border:1px solid #777;box-shadow:0 1px 3px rgba(0,0,0,.05)}.g-core-image-corp-container .btn:active{background:#ddd}.g-core-image-corp-container .btn:disabled{background:#eee!important;border-color:#ccc;cursor:not-allowed}.g-core-image-corp-container .btn-upload{background:#27ae60;border-color:#27ae60;color:#fff}.g-core-image-corp-container .btn-upload:hover{background:#2dc26c;border-color:#27ae60;box-shadow:0 1px 3px rgba(0,0,0,.05)}.g-core-image-corp-container .g-crop-image-box,.g-core-image-corp-container .g-crop-image-box .g-crop-image-principal{position:relative}.g-core-image-corp-container .g-crop-image-box .select-recorte{position:absolute;background:#fff;opacity:.5;border:2px dashed #555;cursor:move}.g-core-image-corp-container .g-resize{z-index:90;position:absolute;bottom:1px;right:1px;width:20px;height:20px;cursor:se-resize}.g-core-image-corp-container .g-resize:after{content:"";display:block;position:absolute;background:#000;width:5px;height:5px;right:0;bottom:0}.g-core-image-corp-container .g-e-resize{cursor:e-resize;position:absolute;width:7px;right:-5px;top:0;height:100%}.g-core-image-corp-container .g-s-resize{position:absolute;cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}',""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t,n){function r(e,t){for(var n=0;n<e.length;n++){var r=e[n],i=f[r.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](r.parts[o]);for(;o<r.parts.length;o++)i.parts.push(c(r.parts[o],t))}else{for(var a=[],o=0;o<r.parts.length;o++)a.push(c(r.parts[o],t));f[r.id]={id:r.id,refs:1,parts:a}}}}function i(e){for(var t=[],n={},r=0;r<e.length;r++){var i=e[r],o=i[0],a=i[1],s=i[2],c=i[3],u={css:a,media:s,sourceMap:c};n[o]?n[o].parts.push(u):t.push(n[o]={id:o,parts:[u]})}return t}function o(e,t){var n=h(),r=m[m.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),m.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=m.indexOf(e);t>=0&&m.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",o(e,t),t}function c(e,t){var n,r,i;if(t.singleton){var o=g++;n=v||(v=s(t)),r=u.bind(null,n,o,!1),i=u.bind(null,n,o,!0)}else n=s(t),r=l.bind(null,n),i=function(){a(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}function u(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function l(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f={},d=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},p=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),h=d(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,g=0,m=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=p()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=i(e);return r(n,t),function(e){for(var o=[],a=0;a<n.length;a++){var s=n[a],c=f[s.id];c.refs--,o.push(c)}if(e){var u=i(e);r(u,t)}for(var a=0;a<o.length;a++){var c=o[a];if(0===c.refs){for(var l=0;l<c.parts.length;l++)c.parts[l]();delete f[c.id]}}}};var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(9),o=r(i),a=n(77),s=r(a),c=n(84),u=r(c),l=n(85),f=r(l),d="data:image/gif;base64,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";
-t.default={props:{url:{type:String},text:{type:String,default:"Upload Image"},class:{type:Array,default:function(){return[]}},extensions:{type:String,default:"png.jpg,jpeg,gif,svg,webp"},inputOfFile:{type:String,default:"files"},crop:{type:Boolean,default:!1},cropBtn:{type:Object,default:function(){return{ok:"Ok",cancel:"Cancel"}}},cropRatio:{type:String,default:"1:1"},maxFileSize:{type:Number,default:104857600},maxWidth:{type:Number},maxHeight:{type:Number},inputAccept:{type:String,default:"image/jpg,image/jpeg,image/png"},isXhr:{type:Boolean,default:!0},headers:{type:Object,default:function(){return{}}},data:{type:Object,default:function(){return{}}}},data:function(){return{files:[],hasImage:!1,options:this.props,uploading:!1,formID:(1e4*Math.random()+"").split(".")[0],image:{src:d,width:24,height:24}}},methods:{__dispatch:function(e,t){this.$emit&&this.$emit(e,t)},__find:function(e){var t=document.querySelector("#vciu-modal-"+this.formID);return t.querySelector(e)},change:function(e){var t=document.querySelector("#g-core-upload-input-"+this.formID).value.replace(/C:\\fakepath\\/i,""),n=t.substring(t.lastIndexOf(".")+1),r=this.extensions.split(",");if(r.length>1){var i=new RegExp("^["+r.join("|")+"]+$","i");if(!i.test(n))return this.__dispatch("errorhandle","TYPE ERROR")}if(e.target.files[0].size>this.maxFileSize){var o;return o=parseInt(this.maxFileSize/1024/1024)>0?(this.maxFileSize/1024/1024).toFixed(2)+"MB":parseInt(this.maxFileSize/1024)>0?(this.maxFileSize/1024).toFixed(2)+"kB":options.maxFileSize.toFixed(2)+"Byte",console.warn("FILE IS TOO LARGER MAX FILE IS "+o),this.__dispatch("errorhandle","FILE IS TOO LARGER MAX FILE IS "+o)}return this.files=e.target.files,this.crop?void this.__showImage():(this.__dispatch("imagechanged",this.files[0]),void this.tryAjaxUpload())},__showImage:function(){this.hasImage=!0,this.__readFiles()},__readFiles:function(){var e=new FileReader,t=this;e.onload=function(e){var n=e.target.result;t.__initImage(n)},e.readAsDataURL(this.files[0])},__initImage:function(e){var t=new Image,n=this;t.src=e,t.onload=function(){n.image.src=e,n.image.width=t.naturalWidth,n.image.height=t.naturalHeight,n.__reseyLayout(),n.__initCropBox()}},__initCropBox:function(){var e=document.querySelector("#vciu-modal-"+this.formID),t=e.querySelector(".select-recorte"),n=e.querySelector(".g-crop-image-principal"),r=parseInt(n.style.width),i=parseInt(n.style.height),o=this.cropRatio.split(":")[0],a=this.cropRatio.split(":")[1],s=r/100*80,c=s/o*a;t.style.cssText="width:"+s+"px;height: "+c+"px;left:"+(r-s)/2+"px;top:"+(i-c)/2+"px;",c>i&&(c=i/100*80,s=c*o/a,t.style.cssText="width:"+s+"px;height:"+c+"px;left:"+(r-s)/2+"px;top:"+(i-c)/2+"px")},__reseyLayout:function(){var e=window.innerHeight-80,t=window.innerWidth-60,n=this.image.width,r=this.image.height,i=n/r,o=t/e,a=document.querySelector("#vciu-modal-"+this.formID),s=a.querySelector(".g-crop-image-principal");i>o?(this.image.width=t,this.image.height=t/i,s.style.cssText="width:"+t+"px;height:"+t/i+"px;margin-top:"+(e-t/i)/2+"px"):(this.image.width=e*i,this.image.height=e,s.style.cssText="width:"+e*i+"px;height:"+e+"px;margin-left:"+(t-e*i)/2+"px;"),this.imgChangeRatio=n/this.image.width},doCrop:function(e){var t=e.target;t.value=t.value+"...",t.disabled=!0,"object"!==(0,o.default)(this.data)&&(this.data={});var n=this.__find(".select-recorte");this.data.request="crop",this.data.toCropImgX=parseInt(window.getComputedStyle(n).left)*this.imgChangeRatio,this.data.toCropImgY=parseInt(window.getComputedStyle(n).top)*this.imgChangeRatio,this.data.toCropImgW=parseInt(window.getComputedStyle(n).width)*this.imgChangeRatio,this.data.toCropImgH=parseInt(window.getComputedStyle(n).height)*this.imgChangeRatio,this.tryAjaxUpload(function(){t.value=t.value.replace("...",""),t.disabled=!1})},cancel:function(){this.hasImage=!1,this.files="",document.querySelector("#g-core-upload-input-"+this.formID).value=""},tryAjaxUpload:function(e){if(this.__dispatch("imageuploading",this.files[0]),!this.isXhr)return this.crop&&(this.hasImage=!1),"function"==typeof e&&e();for(var t=this,n=new FormData,r=0;r<this.files.length;r++)n.append(t.inputOfFile,this.files[r]);if(console.log(this.data),"object"===(0,o.default)(this.data))for(var i in this.data)void 0!==this.data[i]&&n.append(i,this.data[i]);(0,f.default)("POST",this.url,this.headers,n,function(n){"function"==typeof e&&e(),t.uploading=!1,t.crop&&(t.hasImage=!1),t.__dispatch("imageuploaded",n)})},resize:function(e){e.stopPropagation();var t=e.target.parentElement,n=this.__find(".g-crop-image-principal");new u.default(t,n,this.cropRatio,e)},drag:function(e){e.preventDefault();var t=e.target,n=this.__find(".g-crop-image-principal");new s.default(t,n,e)}}}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(10),o=r(i),a=n(61),s=r(a),c="function"==typeof s.default&&"symbol"==typeof o.default?function(e){return typeof e}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":typeof e};t.default="function"==typeof s.default&&"symbol"===c(o.default)?function(e){return"undefined"==typeof e?"undefined":c(e)}:function(e){return e&&"function"==typeof s.default&&e.constructor===s.default&&e!==s.default.prototype?"symbol":"undefined"==typeof e?"undefined":c(e)}},function(e,t,n){e.exports={default:n(11),__esModule:!0}},function(e,t,n){n(12),n(56),e.exports=n(60).f("iterator")},function(e,t,n){"use strict";var r=n(13)(!0);n(16)(String,"String",function(e){this._t=String(e),this._i=0},function(){var e,t=this._t,n=this._i;return n>=t.length?{value:void 0,done:!0}:(e=r(t,n),this._i+=e.length,{value:e,done:!1})})},function(e,t,n){var r=n(14),i=n(15);e.exports=function(e){return function(t,n){var o,a,s=String(i(t)),c=r(n),u=s.length;return c<0||c>=u?e?"":void 0:(o=s.charCodeAt(c),o<55296||o>56319||c+1===u||(a=s.charCodeAt(c+1))<56320||a>57343?e?s.charAt(c):o:e?s.slice(c,c+2):(o-55296<<10)+(a-56320)+65536)}}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t){e.exports=function(e){if(void 0==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){"use strict";var r=n(17),i=n(18),o=n(33),a=n(23),s=n(34),c=n(35),u=n(36),l=n(52),f=n(54),d=n(53)("iterator"),p=!([].keys&&"next"in[].keys()),h="@@iterator",v="keys",g="values",m=function(){return this};e.exports=function(e,t,n,y,A,b,_){u(n,t,y);var w,x,C,k=function(e){if(!p&&e in E)return E[e];switch(e){case v:return function(){return new n(this,e)};case g:return function(){return new n(this,e)}}return function(){return new n(this,e)}},S=t+" Iterator",O=A==g,I=!1,E=e.prototype,$=E[d]||E[h]||A&&E[A],M=$||k(A),T=A?O?k("entries"):M:void 0,j="Array"==t?E.entries||$:$;if(j&&(C=f(j.call(new e)),C!==Object.prototype&&(l(C,S,!0),r||s(C,d)||a(C,d,m))),O&&$&&$.name!==g&&(I=!0,M=function(){return $.call(this)}),r&&!_||!p&&!I&&E[d]||a(E,d,M),c[t]=M,c[S]=m,A)if(w={values:O?M:k(g),keys:b?M:k(v),entries:T},_)for(x in w)x in E||o(E,x,w[x]);else i(i.P+i.F*(p||I),t,w);return w}},function(e,t){e.exports=!0},function(e,t,n){var r=n(19),i=n(20),o=n(21),a=n(23),s="prototype",c=function(e,t,n){var u,l,f,d=e&c.F,p=e&c.G,h=e&c.S,v=e&c.P,g=e&c.B,m=e&c.W,y=p?i:i[t]||(i[t]={}),A=y[s],b=p?r:h?r[t]:(r[t]||{})[s];p&&(n=t);for(u in n)l=!d&&b&&void 0!==b[u],l&&u in y||(f=l?b[u]:n[u],y[u]=p&&"function"!=typeof b[u]?n[u]:g&&l?o(f,r):m&&b[u]==f?function(e){var t=function(t,n,r){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,r)}return e.apply(this,arguments)};return t[s]=e[s],t}(f):v&&"function"==typeof f?o(Function.call,f):f,v&&((y.virtual||(y.virtual={}))[u]=f,e&c.R&&A&&!A[u]&&a(A,u,f)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,e.exports=c},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){var n=e.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(22);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(24),i=n(32);e.exports=n(28)?function(e,t,n){return r.f(e,t,i(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(25),i=n(27),o=n(31),a=Object.defineProperty;t.f=n(28)?Object.defineProperty:function(e,t,n){if(r(e),t=o(t,!0),r(n),i)try{return a(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(26);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},function(e,t,n){e.exports=!n(28)&&!n(29)(function(){return 7!=Object.defineProperty(n(30)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){e.exports=!n(29)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){var r=n(26),i=n(19).document,o=r(i)&&r(i.createElement);e.exports=function(e){return o?i.createElement(e):{}}},function(e,t,n){var r=n(26);e.exports=function(e,t){if(!r(e))return e;var n,i;if(t&&"function"==typeof(n=e.toString)&&!r(i=n.call(e)))return i;if("function"==typeof(n=e.valueOf)&&!r(i=n.call(e)))return i;if(!t&&"function"==typeof(n=e.toString)&&!r(i=n.call(e)))return i;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){e.exports=n(23)},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t){e.exports={}},function(e,t,n){"use strict";var r=n(37),i=n(32),o=n(52),a={};n(23)(a,n(53)("iterator"),function(){return this}),e.exports=function(e,t,n){e.prototype=r(a,{next:i(1,n)}),o(e,t+" Iterator")}},function(e,t,n){var r=n(25),i=n(38),o=n(50),a=n(47)("IE_PROTO"),s=function(){},c="prototype",u=function(){var e,t=n(30)("iframe"),r=o.length,i="<",a=">";for(t.style.display="none",n(51).appendChild(t),t.src="javascript:",e=t.contentWindow.document,e.open(),e.write(i+"script"+a+"document.F=Object"+i+"/script"+a),e.close(),u=e.F;r--;)delete u[c][o[r]];return u()};e.exports=Object.create||function(e,t){var n;return null!==e?(s[c]=r(e),n=new s,s[c]=null,n[a]=e):n=u(),void 0===t?n:i(n,t)}},function(e,t,n){var r=n(24),i=n(25),o=n(39);e.exports=n(28)?Object.defineProperties:function(e,t){i(e);for(var n,a=o(t),s=a.length,c=0;s>c;)r.f(e,n=a[c++],t[n]);return e}},function(e,t,n){var r=n(40),i=n(50);e.exports=Object.keys||function(e){return r(e,i)}},function(e,t,n){var r=n(34),i=n(41),o=n(44)(!1),a=n(47)("IE_PROTO");e.exports=function(e,t){var n,s=i(e),c=0,u=[];for(n in s)n!=a&&r(s,n)&&u.push(n);for(;t.length>c;)r(s,n=t[c++])&&(~o(u,n)||u.push(n));return u}},function(e,t,n){var r=n(42),i=n(15);e.exports=function(e){return r(i(e))}},function(e,t,n){var r=n(43);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var r=n(41),i=n(45),o=n(46);e.exports=function(e){return function(t,n,a){var s,c=r(t),u=i(c.length),l=o(a,u);if(e&&n!=n){for(;u>l;)if(s=c[l++],s!=s)return!0}else for(;u>l;l++)if((e||l in c)&&c[l]===n)return e||l||0;return!e&&-1}}},function(e,t,n){var r=n(14),i=Math.min;e.exports=function(e){return e>0?i(r(e),9007199254740991):0}},function(e,t,n){var r=n(14),i=Math.max,o=Math.min;e.exports=function(e,t){return e=r(e),e<0?i(e+t,0):o(e,t)}},function(e,t,n){var r=n(48)("keys"),i=n(49);e.exports=function(e){return r[e]||(r[e]=i(e))}},function(e,t,n){var r=n(19),i="__core-js_shared__",o=r[i]||(r[i]={});e.exports=function(e){return o[e]||(o[e]={})}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){e.exports=n(19).document&&document.documentElement},function(e,t,n){var r=n(24).f,i=n(34),o=n(53)("toStringTag");e.exports=function(e,t,n){e&&!i(e=n?e:e.prototype,o)&&r(e,o,{configurable:!0,value:t})}},function(e,t,n){var r=n(48)("wks"),i=n(49),o=n(19).Symbol,a="function"==typeof o,s=e.exports=function(e){return r[e]||(r[e]=a&&o[e]||(a?o:i)("Symbol."+e))};s.store=r},function(e,t,n){var r=n(34),i=n(55),o=n(47)("IE_PROTO"),a=Object.prototype;e.exports=Object.getPrototypeOf||function(e){return e=i(e),r(e,o)?e[o]:"function"==typeof e.constructor&&e instanceof e.constructor?e.constructor.prototype:e instanceof Object?a:null}},function(e,t,n){var r=n(15);e.exports=function(e){return Object(r(e))}},function(e,t,n){n(57);for(var r=n(19),i=n(23),o=n(35),a=n(53)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],c=0;c<5;c++){var u=s[c],l=r[u],f=l&&l.prototype;f&&!f[a]&&i(f,a,u),o[u]=o.Array}},function(e,t,n){"use strict";var r=n(58),i=n(59),o=n(35),a=n(41);e.exports=n(16)(Array,"Array",function(e,t){this._t=a(e),this._i=0,this._k=t},function(){var e=this._t,t=this._k,n=this._i++;return!e||n>=e.length?(this._t=void 0,i(1)):"keys"==t?i(0,n):"values"==t?i(0,e[n]):i(0,[n,e[n]])},"values"),o.Arguments=o.Array,r("keys"),r("values"),r("entries")},function(e,t){e.exports=function(){}},function(e,t){e.exports=function(e,t){return{value:t,done:!!e}}},function(e,t,n){t.f=n(53)},function(e,t,n){e.exports={default:n(62),__esModule:!0}},function(e,t,n){n(63),n(74),n(75),n(76),e.exports=n(20).Symbol},function(e,t,n){"use strict";var r=n(19),i=n(34),o=n(28),a=n(18),s=n(33),c=n(64).KEY,u=n(29),l=n(48),f=n(52),d=n(49),p=n(53),h=n(60),v=n(65),g=n(66),m=n(67),y=n(70),A=n(25),b=n(41),_=n(31),w=n(32),x=n(37),C=n(71),k=n(73),S=n(24),O=n(39),I=k.f,E=S.f,$=C.f,M=r.Symbol,T=r.JSON,j=T&&T.stringify,D="prototype",N=p("_hidden"),B=p("toPrimitive"),L={}.propertyIsEnumerable,P=l("symbol-registry"),R=l("symbols"),Q=l("op-symbols"),F=Object[D],H="function"==typeof M,U=r.QObject,J=!U||!U[D]||!U[D].findChild,Y=o&&u(function(){return 7!=x(E({},"a",{get:function(){return E(this,"a",{value:7}).a}})).a})?function(e,t,n){var r=I(F,t);r&&delete F[t],E(e,t,n),r&&e!==F&&E(F,t,r)}:E,G=function(e){var t=R[e]=x(M[D]);return t._k=e,t},z=H&&"symbol"==typeof M.iterator?function(e){return"symbol"==typeof e}:function(e){return e instanceof M},q=function(e,t,n){return e===F&&q(Q,t,n),A(e),t=_(t,!0),A(n),i(R,t)?(n.enumerable?(i(e,N)&&e[N][t]&&(e[N][t]=!1),n=x(n,{enumerable:w(0,!1)})):(i(e,N)||E(e,N,w(1,{})),e[N][t]=!0),Y(e,t,n)):E(e,t,n)},W=function(e,t){A(e);for(var n,r=m(t=b(t)),i=0,o=r.length;o>i;)q(e,n=r[i++],t[n]);return e},K=function(e,t){return void 0===t?x(e):W(x(e),t)},V=function(e){var t=L.call(this,e=_(e,!0));return!(this===F&&i(R,e)&&!i(Q,e))&&(!(t||!i(this,e)||!i(R,e)||i(this,N)&&this[N][e])||t)},X=function(e,t){if(e=b(e),t=_(t,!0),e!==F||!i(R,t)||i(Q,t)){var n=I(e,t);return!n||!i(R,t)||i(e,N)&&e[N][t]||(n.enumerable=!0),n}},Z=function(e){for(var t,n=$(b(e)),r=[],o=0;n.length>o;)i(R,t=n[o++])||t==N||t==c||r.push(t);return r},ee=function(e){for(var t,n=e===F,r=$(n?Q:b(e)),o=[],a=0;r.length>a;)!i(R,t=r[a++])||n&&!i(F,t)||o.push(R[t]);return o};H||(M=function(){if(this instanceof M)throw TypeError("Symbol is not a constructor!");var e=d(arguments.length>0?arguments[0]:void 0),t=function(n){this===F&&t.call(Q,n),i(this,N)&&i(this[N],e)&&(this[N][e]=!1),Y(this,e,w(1,n))};return o&&J&&Y(F,e,{configurable:!0,set:t}),G(e)},s(M[D],"toString",function(){return this._k}),k.f=X,S.f=q,n(72).f=C.f=Z,n(69).f=V,n(68).f=ee,o&&!n(17)&&s(F,"propertyIsEnumerable",V,!0),h.f=function(e){return G(p(e))}),a(a.G+a.W+a.F*!H,{Symbol:M});for(var te="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ne=0;te.length>ne;)p(te[ne++]);for(var te=O(p.store),ne=0;te.length>ne;)v(te[ne++]);a(a.S+a.F*!H,"Symbol",{for:function(e){return i(P,e+="")?P[e]:P[e]=M(e)},keyFor:function(e){if(z(e))return g(P,e);throw TypeError(e+" is not a symbol!")},useSetter:function(){J=!0},useSimple:function(){J=!1}}),a(a.S+a.F*!H,"Object",{create:K,defineProperty:q,defineProperties:W,getOwnPropertyDescriptor:X,getOwnPropertyNames:Z,getOwnPropertySymbols:ee}),T&&a(a.S+a.F*(!H||u(function(){var e=M();return"[null]"!=j([e])||"{}"!=j({a:e})||"{}"!=j(Object(e))})),"JSON",{stringify:function(e){if(void 0!==e&&!z(e)){for(var t,n,r=[e],i=1;arguments.length>i;)r.push(arguments[i++]);return t=r[1],"function"==typeof t&&(n=t),!n&&y(t)||(t=function(e,t){if(n&&(t=n.call(this,e,t)),!z(t))return t}),r[1]=t,j.apply(T,r)}}}),M[D][B]||n(23)(M[D],B,M[D].valueOf),f(M,"Symbol"),f(Math,"Math",!0),f(r.JSON,"JSON",!0)},function(e,t,n){var r=n(49)("meta"),i=n(26),o=n(34),a=n(24).f,s=0,c=Object.isExtensible||function(){return!0},u=!n(29)(function(){return c(Object.preventExtensions({}))}),l=function(e){a(e,r,{value:{i:"O"+ ++s,w:{}}})},f=function(e,t){if(!i(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!o(e,r)){if(!c(e))return"F";if(!t)return"E";l(e)}return e[r].i},d=function(e,t){if(!o(e,r)){if(!c(e))return!0;if(!t)return!1;l(e)}return e[r].w},p=function(e){return u&&h.NEED&&c(e)&&!o(e,r)&&l(e),e},h=e.exports={KEY:r,NEED:!1,fastKey:f,getWeak:d,onFreeze:p}},function(e,t,n){var r=n(19),i=n(20),o=n(17),a=n(60),s=n(24).f;e.exports=function(e){var t=i.Symbol||(i.Symbol=o?{}:r.Symbol||{});"_"==e.charAt(0)||e in t||s(t,e,{value:a.f(e)})}},function(e,t,n){var r=n(39),i=n(41);e.exports=function(e,t){for(var n,o=i(e),a=r(o),s=a.length,c=0;s>c;)if(o[n=a[c++]]===t)return n}},function(e,t,n){var r=n(39),i=n(68),o=n(69);e.exports=function(e){var t=r(e),n=i.f;if(n)for(var a,s=n(e),c=o.f,u=0;s.length>u;)c.call(e,a=s[u++])&&t.push(a);return t}},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(43);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(41),i=n(72).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(e){try{return i(e)}catch(e){return a.slice()}};e.exports.f=function(e){return a&&"[object Window]"==o.call(e)?s(e):i(r(e))}},function(e,t,n){var r=n(40),i=n(50).concat("length","prototype");t.f=Object.getOwnPropertyNames||function(e){return r(e,i)}},function(e,t,n){var r=n(69),i=n(32),o=n(41),a=n(31),s=n(34),c=n(27),u=Object.getOwnPropertyDescriptor;t.f=n(28)?u:function(e,t){if(e=o(e),t=a(t,!0),c)try{return u(e,t)}catch(e){}if(s(e,t))return i(!r.f.call(e,t),e[t])}},function(e,t){},function(e,t,n){n(65)("asyncIterator")},function(e,t,n){n(65)("observable")},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(78),o=r(i),a=n(79),s=r(a),c=n(83),u=r(c),l=u.default.isMobile,f=void 0,d=void 0,p=function(){function e(t,n,r){(0,o.default)(this,e);var i=this;return this.el=t,this.container=n,this.coor={x:(l?r.touches[0].clientX:r.clientX)-t.offsetLeft-t.parentElement.offsetLeft-document.getElementsByClassName("image-aside")[0].offsetLeft,y:(l?r.touches[0].clientY:r.clientY)-t.offsetTop-t.parentElement.offsetTop-document.getElementsByClassName("image-aside")[0].offsetTop,posX:l?r.touches[0].clientX:r.clientX,posy:l?r.touches[0].clientY:r.clientY,maxLeft:parseInt(this.container.style.width)-parseInt(this.el.style.width),maxTop:parseInt(this.container.style.height)-parseInt(this.el.style.height)},f=function(e){i.move(e)},d=function(e){i.stopMove(e)},l?(document.addEventListener("touchmove",f,!1),void document.addEventListener("touchend",d,!1)):(document.addEventListener("mousemove",f,!1),void document.addEventListener("mouseup",d,!1))}return(0,s.default)(e,[{key:"move",value:function(e){if(this.el){var t=l?e.changedTouches[0].clientX:e.clientX,n=l?e.changedTouches[0].clientY:e.clientY,r=t-this.el.parentElement.offsetLeft-document.getElementsByClassName("image-aside")[0].offsetLeft-this.coor.x,i=n-this.el.parentElement.offsetTop-document.getElementsByClassName("image-aside")[0].offsetTop-this.coor.y;r<=0&&(r=0),r>=this.coor.maxLeft&&(r=this.coor.maxLeft),i<=0&&(i=0),i>=this.coor.maxTop&&(i=this.coor.maxTop),this.el.style.left=r+"px",this.el.style.top=i+"px"}}},{key:"stopMove",value:function(){return this.el=null,l?(document.removeEventListener("touchmove",f,!1),void document.removeEventListener("touchend",d,!1)):(document.removeEventListener("mousemove",f,!1),void document.removeEventListener("mouseup",d,!1))}}]),e}();t.default=p},function(e,t){"use strict";t.__esModule=!0,t.default=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0;var i=n(80),o=r(i);t.default=function(){function e(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),(0,o.default)(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}()},function(e,t,n){e.exports={default:n(81),__esModule:!0}},function(e,t,n){n(82);var r=n(20).Object;e.exports=function(e,t,n){return r.defineProperty(e,t,n)}},function(e,t,n){var r=n(18);r(r.S+r.F*!n(28),"Object",{defineProperty:n(24).f})},function(e,t){"use strict";e.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(78),o=r(i),a=n(79),s=r(a),c=n(83),u=r(c),l=void 0,f=void 0,d=u.default.isMobile,p=document.body.offsetWidth,h=document.body.offsetHeight,v=function(){function e(t,n,r,i){(0,o.default)(this,e),i.stopPropagation();var a=this;this.coor={x:d?i.touches[0].clientX:i.clientX,y:d?i.touches[0].clientY:i.clientY,w:parseInt(window.getComputedStyle(t).width,10),h:parseInt(window.getComputedStyle(t).height,10)},this.splitX=r.split(":")[0],this.splitY=r.split(":")[1],this.el=t,this.container=n,l=function(e){a.drag(e)},f=function(e){a.stopDrag(e)},d&&(document.addEventListener("touchmove",l,!1),document.addEventListener("touchend",f,!1)),document.addEventListener("mousemove",l,!1),document.addEventListener("mouseup",f,!1)}return(0,s.default)(e,[{key:"drag",value:function(e){if(this.el){var t=this.container,n=parseInt(window.getComputedStyle(t).width),r=parseInt(window.getComputedStyle(t).height),i=document.querySelector(".info-aside"),o=p-n,a=h-r-window.getComputedStyle(i).height,s=d?e.changedTouches[0].clientX:e.clientX,c=d?e.changedTouches[0].clientY:e.clientY;this.splitX>this.splitY?parseInt(s)<=o/2+n&&(parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=window.getComputedStyle(t).width),this.el.style.width=this.coor.w+(d?e.changedTouches[0].clientX:e.clientX)-this.coor.x+"px",this.el.style.height=parseInt(this.el.offsetWidth)*(this.splitY/this.splitX)+"px",n>r?parseInt(this.el.offsetWidth)>=parseInt(window.getComputedStyle(t).height)&&(this.el.style.height=window.getComputedStyle(t).height,this.el.style.width=parseInt(window.getComputedStyle(t).height)*(this.splitX/this.splitY)+"px"):n<r?parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=window.getComputedStyle(t).width,this.el.style.height=n*(this.splitY/this.splitX)+"px"):parseInt(this.el.offsetHeight)>=n&&(this.el.style.width=n,this.el.style.height=n*(this.splitY/this.splitX)+"px")):this.splitX<this.splitY?parseInt(c)<=a/2+r+window.getComputedStyle(i).height&&(this.el.style.height=this.coor.h+(d?e.changedTouches[0].clientY:e.clientY)-this.coor.y+"px",this.el.style.width=parseInt(this.el.style.height)*(this.splitX/this.splitY)+"px",n>r?parseInt(this.el.offsetHeight)>=r&&(this.el.style.height=r,this.el.style.width=r*(this.splitX/this.splitY)+"px"):n<r?parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=n,this.el.style.height=n*(this.splitY/this.splitX)+"px"):parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=n,this.el.style.height=n*(this.splitY/this.splitX)+"px")):parseInt(s)<=o/2+n&&(this.el.style.width=this.coor.w+(d?e.changedTouches[0].clientX:e.clientX)-this.coor.x+"px",this.el.style.height=this.el.style.width,n>r?parseInt(this.el.offsetHeight)>=r&&(this.el.style.height=r,this.el.style.width=r):n<r?parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=n,this.el.style.height=n):parseInt(this.el.offsetWidth)>=n&&(this.el.style.width=this.el.style.height=n))}}},{key:"stopDrag",value:function(){this.el=null,d&&(document.removeEventListener("touchmove",l,!1),document.removeEventListener("touchend",f,!1)),document.removeEventListener("mousemove",l,!1),document.removeEventListener("mouseup",f,!1)}}]),e}();t.default=v},function(e,t){"use strict";e.exports=function(e,t,n,r,i,o){function a(e){for(var t={},n=/([a-z\-]+):\s?(.*);?/gi,r=void 0;r=n.exec(e);)t[r[1]]=r[2];return t}var s=new XMLHttpRequest,c=o||function(){console.error("AJAX ERROR!")},u=!1;"blob"===e&&(u=e,e="GET"),e=e.toUpperCase(),s.onload=function(){var t=s.response;try{t=JSON.parse(s.responseText)}catch(e){401===s.status&&(t=c("access_denied",s.statusText))}var n=a(s.getAllResponseHeaders());n.statusCode=s.status,i(t||("GET"===e?c("empty_response","Could not get resource"):{}),n)},s.onerror=function(){var e=s.responseText;try{e=JSON.parse(s.responseText)}catch(e){console.error(e)}i(e||c("access_denied","Could not get resource"))};var l=void 0;if("GET"===e||"DELETE"===e)r=null;else if(r&&"string"!=typeof r&&!(r instanceof FormData)&&!(r instanceof File)&&!(r instanceof Blob)){var f=new FormData;for(l in r)r.hasOwnProperty(l)&&(r[l]instanceof HTMLInputElement?"files"in r[l]&&r[l].files.length>0&&f.append(l,r[l].files[0]):r[l]instanceof Blob?f.append(l,r[l],r.name):f.append(l,r[l]));r=f}if(s.open(e,t,!0),u&&("responseType"in s?s.responseType=u:s.overrideMimeType("text/plain; charset=x-user-defined")),n)for(l in n)s.setRequestHeader(l,n[l]);return s.send(r),s}},function(e,t){e.exports=' <div class=g-core-image-upload-btn> {{text}} <form class=g-core-image-upload-form v-show=!hasImage method=post enctype=multipart/form-data action=/api2/common_user/cropHeadUrl style="display: block; cursor: pointer; position: absolute; left: 0px; top: 0px; width: 1242px; height: 61px; opacity: 0; margin: 0px; padding: 0px; overflow: hidden"> <input v-bind:disabled=uploading v-bind:id="\'g-core-upload-input-\' + formID" v-bind:name=inputOfFile type=file v-bind:accept=inputAccept v-on:change=change style="width: 100%; height: 100%"> </form> <div class=g-core-image-corp-container v-bind:id="\'vciu-modal-\' + formID" v-show=hasImage> <div class=image-aside> <div class=g-crop-image-box> <div class=g-crop-image-principal> <img v-bind:src=image.src v-bind:style="{ width:image.width + \'px\',height: image.height + \'px\' }"> <div class=select-recorte v-on:touchstart.self=drag v-on:mousedown.self=drag style=width:100px;height:100px> <div class=g-s-resize style="z-index: 90"></div> <div class=g-e-resize style="z-index: 90"></div> <div class=g-resize v-on:touchstart.self=resize v-on:mousedown.self=resize></div> </div> </div> </div> </div> <div class=info-aside> <p class=btn-groups> <button type=button v-on:click=doCrop class="btn btn-upload">{{cropBtn.ok}}</button> <button type=button v-on:click=cancel() class="btn btn-cancel">{{cropBtn.cancel}}</button> </p> </div> </div> </div> '}]);
\ No newline at end of file
diff --git a/demo/googlecode.css b/demo/googlecode.css
deleted file mode 100644
index 990785d..0000000
--- a/demo/googlecode.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-
-Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>
-
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #f8f8f8;
-  color: black;
-}
-
-.hljs-comment,
-.hljs-quote {
-  color: #800;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-title,
-.hljs-name {
-  color: #e96900;;
-}
-
-.hljs-variable,
-.hljs-template-variable {
-  color: #660;
-}
-
-.hljs-string,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-regexp {
-  color: #42b983;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-meta,
-.hljs-number,
-.hljs-link {
-  color: #066;
-}
-
-.hljs-title,
-.hljs-doctag,
-.hljs-type,
-.hljs-attr,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-params {
-  color: #2973b7;
-}
-
-.hljs-attribute,
-.hljs-subst {
-  color: #000;
-}
-
-.hljs-formula {
-  background-color: #eee;
-  font-style: italic;
-}
-
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #9B703F
-}
-
-.hljs-addition {
-  background-color: #baeeba;
-}
-
-.hljs-deletion {
-  background-color: #ffc8bd;
-}
-
-.hljs-doctag,
-.hljs-strong {
-  font-weight: bold;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
\ No newline at end of file
diff --git a/demo/images/5212257_093200221000_2.jpg b/demo/images/5212257_093200221000_2.jpg
deleted file mode 100644
index e442d03..0000000
Binary files a/demo/images/5212257_093200221000_2.jpg and /dev/null differ
diff --git a/demo/images/C37E89B158F31663CEC9F9A4B1140E08.jpg b/demo/images/C37E89B158F31663CEC9F9A4B1140E08.jpg
deleted file mode 100644
index 3ff48cc..0000000
Binary files a/demo/images/C37E89B158F31663CEC9F9A4B1140E08.jpg and /dev/null differ
diff --git a/demo/images/CORE-IMAGE-UPLOAD-LOGO.png b/demo/images/CORE-IMAGE-UPLOAD-LOGO.png
deleted file mode 100644
index 3f9ca40..0000000
Binary files a/demo/images/CORE-IMAGE-UPLOAD-LOGO.png and /dev/null differ
diff --git a/demo/images/logo-angular.png b/demo/images/logo-angular.png
deleted file mode 100644
index 0a7d045..0000000
Binary files a/demo/images/logo-angular.png and /dev/null differ
diff --git a/demo/images/logo-jquery.png b/demo/images/logo-jquery.png
deleted file mode 100644
index 965e02e..0000000
Binary files a/demo/images/logo-jquery.png and /dev/null differ
diff --git a/demo/images/merry-christmas-2016.psd b/demo/images/merry-christmas-2016.psd
deleted file mode 100644
index b0299a6..0000000
Binary files a/demo/images/merry-christmas-2016.psd and /dev/null differ
diff --git a/demo/page.css b/demo/page.css
deleted file mode 100644
index a42dad9..0000000
--- a/demo/page.css
+++ /dev/null
@@ -1,339 +0,0 @@
-* {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-/*
- * -- BASE STYLES --
- * Most of these are inherited from Base, but I want to change a few.
- */
-body {
-    line-height: 1.7em;
-    color: #7f8c8d;
-    font-size: 13px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-label {
-    color: #34495e;
-}
-
-.pure-img-responsive {
-    max-width: 100%;
-    height: auto;
-}
-
-/*
- * -- LAYOUT STYLES --
- * These are some useful classes which I will need
- */
-.l-box {
-    padding: 1em;
-}
-
-.l-box-lrg {
-    padding: 2em;
-    border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.is-center {
-    text-align: center;
-}
-
-
-
-/*
- * -- PURE FORM STYLES --
- * Style the form inputs and labels
- */
-.pure-form label {
-    margin: 1em 0 0;
-    font-weight: bold;
-    font-size: 100%;
-}
-
-.pure-form input[type] {
-    border: 2px solid #ddd;
-    box-shadow: none;
-    font-size: 100%;
-    width: 100%;
-    margin-bottom: 1em;
-}
-
-/*
- * -- PURE BUTTON STYLES --
- * I want my pure-button elements to look a little different
- */
-.pure-button {
-    background-color: #3ab981;
-    color: white;
-    padding: 0.5em 2em;
-    border-radius: 5px;
-}
-
-a.pure-button-primary {
-    background: white;
-    color: #1f8dd6;
-    border-radius: 5px;
-    font-size: 120%;
-}
-.pure-button-radius{
-    border-radius: 3rem;
-    padding: 1em 2em;
-    background-color: transparent;
-    border:2px solid #3ab981;
-    color: #3ab981;
-} 
-.pure-button-radius:hover{
-    background-color: #3ab981;
-    color:#fff;
-}
-/*
- * -- MENU STYLES --
- * I want to customize how my .pure-menu looks at the top of the page
- */
-
-.home-menu {
-    padding: 0.5em;
-    text-align: center;
-    box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
-}
-.home-menu {
-    background: #2d3e50;
-}
-.pure-menu.pure-menu-fixed {
-    /* Fixed menus normally have a border at the bottom. */
-    border-bottom: none;
-    /* I need a higher z-index here because of the scroll-over effect. */
-    z-index: 4;
-}
-
-.home-menu .pure-menu-heading {
-    color: white;
-    font-weight: 400;
-    font-size: 120%;
-}
-
-.home-menu .pure-menu-selected a {
-    color: white;
-}
-
-.home-menu a {
-    color: #6FBEF3;
-}
-.home-menu li a:hover,
-.home-menu li a:focus {
-    background: none;
-    border: none;
-    color: #AECFE5;
-}
-
-
-/*
- * -- SPLASH STYLES --
- * This is the blue top section that appears on the page.
- */
-
-.splash-container {
-    background: #fff;
-    z-index: 10;
-    /* The following styles are required for the "scroll-over" effect */
-    width: 100%;
-    top: 0;
-    left: 0;
-    position: relative;
-}
-.splash-container:after{
-    content: '';
-    position: absolute;
-    bottom: -25px;
-    top: 100%;
-    left: 0;
-    border-right: 100vw solid currentColor;
-    border-bottom: 4vw solid transparent;
-    border-top: 0;
-    z-index: 1;
-    color:#fff;
-}
-.splash {
-    /* absolute center .splash within .splash-container */
-    width: 80%;
-    margin: auto;
-    position: relative;
-    margin-top: 100px; 
-    left: 0; bottom: 0; right: 0;
-    text-align: center;
-    text-transform: uppercase;
-    margin-bottom: 0;
-}
-
-/* This is the main heading that appears on the blue section */
-.splash-head {
-    font-size: 20px;
-    font-weight: bold;
-    color: white;
-    border-radius: 5px;
-    margin-bottom: 0;
-}
-
-/* This is the subheading that appears on the blue section */
-.splash-subhead {
-    color: #666;
-    letter-spacing: 0.05em;
-    opacity: 0.8;
-}
-
-/*
- * -- CONTENT STYLES --
- * This represents the content area (everything below the blue section)
- */
-.content-wrapper {
-    /* These styles are required for the "scroll-over" effect */
-    position: relative;
-    width: 100%;
-    padding-top: 60px;
-    min-height: 12%;
-    z-index: 2;
-    background: white;
-    text-align: center;
-    background-color: #3ab981;
-
-}
-.content-wrapper .content{
-    max-width: 720px;
-    margin: 0 auto;
-    display: block;
-    background: #fff;
-    box-shadow: 2px 2px 5px rgba(0,0,0,.15);
-}
-.content-wrapper .content .avatar{
-    width:150px;
-    height: 150px;
-    margin-bottom: 20px;
-    border-radius: 50%;
-    border:2px solid rgba(0,0,0,.05);
-}
-.content-wrapper .content pre{
-    text-align: left;
-}
-/* This is the class used for the main content headers (<h2>) */
-.content-head {
-    font-weight: 400;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    margin: 2em 0 1em;
-    font-size: 33px;
-}
-
-/* This is a modifier class used when the content-head is inside a ribbon */
-.content-head-ribbon {
-    color: white;
-}
-
-/* This is the class used for the content sub-headers (<h3>) */
-.content-subhead {
-    padding: 15px 0;
-    color: #fff;
-    font-size: 40px;
-    text-shadow: 0 6px 1px rgba(0,0,0,0.2);
-    font-family: 'Lobster';
-    
-}
-.content-subhead i {
-    margin-right: 7px;
-}
-
-/* This is the class used for the dark-background areas. */
-.ribbon {
-    background: #2d3e50;
-    color: #aaa;
-}
-
-/* This is the class used for the footer */
-.footer {
-    background: #111;
-}
-
-/*
- * -- TABLET (AND UP) MEDIA QUERIES --
- * On tablets and other medium-sized devices, we want to customize some
- * of the mobile styles.
- */
-@media (min-width: 48em) {
-
-    /* We increase the body font size */
-    body {
-        font-size: 16px;
-    }
-    /* We want to give the content area some more padding */
-    .content {
-        padding: 1em;
-    }
-
-    /* We can align the menu header to the left, but float the
-    menu items to the right. */
-    .home-menu {
-        text-align: left;
-    }
-        .home-menu ul {
-            float: right;
-        }
-
-    /* We increase the height of the splash-container */
-/*    .splash-container {
-        height: 500px;
-    }*/
-
-    /* We decrease the width of the .splash, since we have more width
-    to work with */
-    .splash {
-        width: 50%;
-        padding-bottom: 60px;
-    }
-
-    .splash-head {
-        font-size: 250%;
-    }
-
-
-    /* We remove the border-separator assigned to .l-box-lrg */
-    .l-box-lrg {
-        border: none;
-    }
-
-}
-
-/*
- * -- DESKTOP (AND UP) MEDIA QUERIES --
- * On desktops and other large devices, we want to over-ride some
- * of the mobile and tablet styles.
- */
-@media (min-width: 78em) {
-    /* We increase the header font size even more */
-    .splash-head {
-        font-size: 300%;
-    }
-}
-.ft{
-    background: #fff;
-    padding-top: 40px;
-    margin-top: 40px;
-}
-.icon-list a{
-    position: relative;
-    display: inline-block;
-    width: 75px;
-    height: 75px;
-    margin: 20px;
-}
-
-.ft .other-info {
-	font-size: 13px;
-  color:#888;    
-}
\ No newline at end of file
diff --git a/demo/page.js b/demo/page.js
deleted file mode 100644
index 1bf96c7..0000000
--- a/demo/page.js
+++ /dev/null
@@ -1,25 +0,0 @@
-$(function() {
-
-    // upload without other settings
-    $(".js-btn-upload").coreImageUpload ({
-        url: "./upload.php",
-        inputOfFile: 'image',
-        uploadedCallback: function (result) {
-            alert(result);
-        }
-    });
-    
-    
-    $(".js-btn-crop").coreImageUpload ({
-        url: "./crop.php",
-        inputOfFile: 'image',
-        enableCrop: true,
-        cropRatio: '1:1',
-        uploadedCallback: function (result) {
-            alert( '裁剪成功! 图片宽高:' + result.data['toCropImgW'] + result.data['toCropImgH']);
-        }
-    });
-    
-    
-    
-})
\ No newline at end of file
diff --git a/demo/upload.html b/demo/upload.html
deleted file mode 100644
index aae766b..0000000
--- a/demo/upload.html
+++ /dev/null
@@ -1,154 +0,0 @@
-
-<html lang="zh-cn">
-<head>
-    <title>Vue Core Image Upload Demo</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1,maximum-scale=1">
-    <meta content="yes" name="apple-mobile-web-app-capable">
-    <meta content="yes" name="apple-touch-fullscreen">
-    <meta content="black" name="apple-mobile-web-app-status-bar-style">
-    <meta content="telephone=no" name="format-detection" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster"/>
-    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"/>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/hint.css/2.4.0/hint.min.css" />
-    <link rel="stylesheet" href="./page.css">
-    <link rel="stylesheet" href="http://s1.vued.vanthink.cn/211cd6e325e7/googlecode.css">
-</head>
-
-<body >
-<a href="https://github.com/JackPu/vue2.x-core-image-upload" title="Fork me on GitHub" class="github-corner"><svg width="80" height="80" viewbox="0 0 250 250"><title>Fork me on GitHub</title><path d="M0 0h250v250"></path><path d="M127.4 110c-14.6-9.2-9.4-19.5-9.4-19.5 3-7 1.5-11 1.5-11-1-6.2 3-2 3-2 4 4.7 2 11 2 11-2.2 10.4 5 14.8 9 16.2" fill="currentColor" style="transform-origin:130px 110px" class="octo-arm"></path><path d="M113.2 114.3s3.6 1.6 4.7.6l15-13.7c3-2.4 6-3 8.2-2.7-8-11.2-14-25 3-41 4.7-4.4 10.6-6.4 16.2-6.4.6-1.6 3.6-7.3 11.8-10.7 0 0 4.5 2.7 6.8 16.5 4.3 2.7 8.3 6 12 9.8 3.3 3.5 6.7 8 8.6 12.3 14 3 16.8 8 16.8 8-3.4 8-9.4 11-11.4 11 0 5.8-2.3 11-7.5 15.5-16.4 16-30 9-40 .2 0 3-1 7-5.2 11l-13.3 11c-1 1 .5 5.3.8 5z" fill="currentColor" class="octo-body"></path></svg><style> .github-corner svg{position:absolute;right:0;top:0;;color:#3ab981;fill:white;}.github-corner:hover .octo-arm{animation:octocat-wave .56s;}@keyframes octocat-wave{0%, 100%{transform:rotate(0);}20%, 60%{transform:rotate(-20deg);}40%, 80%{transform:rotate(10deg);}}</style></a>
-<div class="splash-container">
-    
-    <div class="splash">
-        <h1 class="splash-head">
-            <img width="360" src="http://img1.vued.vanthink.cn/vued7acc693e16fce91a9c8d7810ecf28709.png" />
-        </h1>
-        <p class="splash-subhead">
-          A Vue Plugin For Image To Upload and Crop
-        </p>
-    </div>
-</div>
-<div class="content-wrapper" id="app">
-     <h3 class="content-subhead">
-        Get Started
-    </h3>
-    <div class="content pure-u-4-5">
-        <div class="pure-g">
-            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
-               
-                <div class="user">
-                    <img class="avatar" v-bind:src="src"/>
-                </div>
-                <vue-core-image-upload v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="false" v-on:imageuploaded="imageuploaded" v-bind:data="data" v-bind:max-file-size="5242880" url="http://101.198.151.190/api/upload.php" extensions="png,gif,jpeg,jpg" v-on:errorhandle="errorhandle"  input-accept="image/*"></vue-core-image-upload>
-                <p>Click button to upload your image</p>
-                <pre class="highlight javascript"><code>
-import VueCoreImageUpload  from './vue.core.image.upload.vue';
-
-new Vue({
-  el: '#app',
-  components: {
-    'vue-core-image-upload': VueCoreImageUpload
-  },
-  data: {
-    src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
-  },
-  events: {
-    imageuploaded(res) {
-      if (res.errcode == 0) {
-        this.src = 'http://img1.vued.vanthink.cn/vued751d13a9cb5376b89cb6719e86f591f3.png';
-      }
-    }
-  }
-});
-                </code></pre>
-                <h4>HTML</h4>
-                <pre class="highlight html"><code>
- &lt;vue-core-image-upload 
-  v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" 
-  v-bind:crop="false" url="./crop.php" 
-  extensions="png,gif,jpeg,jpg"
-  v-on:imageuploaded="imageuploaded"&gt;
-&lt;/vue-core-image-upload&gt;               
-                </code></pre>
-                
-              
-            </div>
-            
-        </div>
-        
-        
-    </div>
-    <h3 class="content-subhead">
-        Crop Image 
-    </h3>
-    <div class="content pure-u-4-5">
-        <div class="pure-g">
-            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
-                <div class="user">
-                    <img class="avatar" v-bind:src="cropSrc"/>
-                    <p>{{name}}</p>
-                </div>
-              <vue-core-image-upload  crop-ratio="1:1" v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" v-bind:crop="true" url="http://101.198.151.190/api/crop.php" extensions="png,gif,jpeg,jpg" input-accept="image/*" v-on:imageuploaded="imageuploaded"></vue-core-image-upload>
-              <h3>Crop Arguments</h3>
-              <table class="pure-table" style="width:100%;">
-                <thead>
-                  <tr>
-                    <th>H</th>
-                    <th>W</th>
-                    <th>X</th>
-                    <th>Y</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>{{cropArgs.toCropImgH}}</td>
-                    <td>{{cropArgs.toCropImgW}}</td>
-                    <td>{{cropArgs.toCropImgX}}</td>
-                    <td>{{cropArgs.toCropImgY}}</td>
-                  </tr>
-                </tbody>
-              </table>
-
-              <pre class="highlight html"><code>
-&lt;vue-core-image-upload  
-  crop-ratio="1:1" 
-  v-bind:class="['pure-button','pure-button-primary','js-btn-crop']" 
-  v-bind:crop="true" 
-  url="./crop.php" 
-  extensions="png,gif,jpeg,jpg"
-  v-on:imageuploaded="imageuploaded"&gt;
-  
-&lt;/vue-core-image-upload&gt;
-                </code></pre>
-                <h3 style="padding-top:40px;"><a href="https://github.com/JackPu/vue2.x-core-image-upload" class="button-xlarge pure-button pure-button-radius" href="">DOWNLOAD AND DOCUMENT</a></h3>
-            </div>
-         </div>
-    </div>
-    <div class="ft">
-            <div class="icon-list">
-                <a href="https://vanthink-ued.github.io/jquery.core.image.upload/upload.html" class="hint--bottom" aria-label="jQuery">
-                   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRDBGQ0VFRjg2Q0UxMUU2QUU3NUY0QjU1NTkyODQxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRDBGQ0VGMDg2Q0UxMUU2QUU3NUY0QjU1NTkyODQxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVEMEZDRUVEODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVEMEZDRUVFODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+glB5OAAAHXhJREFUeNrsXQeYVdW13nufdvv0yjgUh6EpKFhQDIqIJYoYS0w0GqPJ5zPxmeLTmG59akxM1KgxMdEXYwVFEbBhUKqggOiIMMDMCNPn9nr6fvvce2duH4ZbpsBZ3/n4hjt3zr1n/3ut/a+y14YYY6DLWBakD4EOoS46hLroEOoQ6qJDqIsOoS46hDqEuugQ6qJDqIsOoQ6hLjqEuugQ6qJDmLWoWIdwLMuXTvHTXkGHcKyKR1Af3OK2MFCHcKzKn7e5JaA2lrI6hGNStvcJf9zi/NYUi05nxqQEZfw/7/dBCOfVGnUIR5hMZkcnn/jUu3Z/oL6UKeYoHcIRk91O0SUoWVCRrT3Co1tdQAFTixkEgQ7hyEiTQ9zRK2QBgIzBQ1tcB90CoODkUkZ37UdGRBU/vM3NUaiYPWwz+NIe/8q9fkAj8uhZ/LkOYX7k0e2eNo80u4qFh6mFvIJf3ePjeQXQ4b+EQIdwBGRbr/DAR84FdcYJtsM2gxvaQ5sPhIgJjSIqYR3CEXAG7lrv8AXkM+tNWfz5hg6+xysBBkb0r90v6xAOqxCV+dcXvjd3uOeOM04uPmwVDEj4S7sIFAyI/cXaoze7jwQ1HEsQfuEQ711nJwCcUGesMR82EyE6t9cpggEWC2G7TxZkrEM4NA0QsajkNFiCgn+70dlh5ykbPS2rqGaHX252ESva/8gI9gRkgqIO4aFFUvEb+/3+3IzWi7t9y5s8wEAVG6iJRXQWd3CG1ICkxp4YgRCvrmvndQgPLa/sIfDhXHI6rR7pN+sdGpOEsIRFJYZs/Dm3oABFjToS4elE7MKKloAO4SHksz6ReNNzqgwslT2Ed33kbCfLGIuACiwMsrHZfG0ncQcVbRJEPcIwo9naGeoY47a0sBCSUfrdJseUEmZKSfY5uRX7A680+QBHabfDwMAAE53tbICJPyPo9MvL9wd1CDPKUzs969v5yxstTLafI6v4oa3uEOGN0dHHDAWZrBRa012IQWJvAQHjF3Z5xbFcP1NACHc5xd+vc5xRxU0rz14Fn9/j394ZBHFrH4IwO5OsraAIJWSntPvAXd380r1+HcI0PsADHzlbe/lLplmKstVBooLPfO4NShjEBUMVFRNSkoUUcYhmYBTCASAp6BHVZz/zaWRVhzCJhT63xdVwjOmUGkPWN9ncJezqETRnHMbjqnkpWdytykyNt1Lh6Ew/nelfETe1Bl/Y7dchjMlet3Qv8QEk9dQ6w7FF2efkljb77QFZs6IDkEHISziYlYtZb2WmlrJawhAnUhsKBmXlb596OgOyDmHURD241dncGQI2Zlo5x2XrSwRlvKNbwCqIWVGsjXtQVgNyNkavhEMTI8QYJ17k9iz65EDwyU89OoSaLCMmdIeH+ABFRmpWRfZEZp9b6vZK0S8IY//6RNUtZAMhsccn1xo4I3Eu1agthf13Jr9D8K+fuP9zIHS0Q9jhV25fZxc11QHH2pjGHNzBbT2ClgxKUmIIHYLaF1Cyu+eZ44zHVxqAlO53HLJ75dvW9rV6pKMawjvWO9r6RDIcxEBNKGMm5bAQtnpEXlITnHFi9GggCspuV5ajXG+jzxwfTjQOEKIBgkouM7X9YOi2D+wuQT1KIXxtr39pkyeCHxn6GitD51DZsI/gNLAQDixaxOKpoM0jyll1/yM3WNxgrrMxYCDHBBOpjZFa3uS94wO7T8RHHYQuQfnNBocQGWgyvgjUmLK/uZ1Xe/xKNJKC4xat8A9f9optnizZ45njDOdONkfnRBK8YVEN1N+2u2//oM8nqkcXhH/a7tlLTCgVVRqGguXG7OvD/KIaFNQExjFg9yi4zyN2ZLscErlhpq3OGqeISfEajaDCv25z//C93p6gcrRA2OKRnv3UE/PWVFDEUuOsdNY35BUsKDiGHo5btCjoDCit7uxJx+k1hqtm2WKl4BAkY0msN4f+vcNz5etdW7oLsnWNqDih3HkJzeYHwieIX0wsG+ofDoytNKw0Zg+hpGByxY1p3BATRRfV9QeDfA5lAD+bU3RCDaGmasIUgYkaaaQ+bAl8Y1nHo9vdTj6fRvWgT35wq/ugV8lLLXkeIGx2S6/v9itk3YpzAFgaGHIgMyrG5IpZUZzIO2i49kAoF/ZfZaLvP6uCpVCUmsIUXYx8oonq8so/fqf3+lXdK/cH8qI0W7uF61Z3u0R1Qb0hLxMiDxAua/a3uUStPjru+SkEcymVJtOTih9TGPcv1oIprXbhS2dODtz5E4y3nlYCeJyJ10RfNyDyVd7Y5btmRde1K7tfbfaHstV+e0h56GP3la90ECt637zSfOk0nePfdweV9/YFFEIN2ITnRxDSMHstpBGiEEqjf7B/rZLBW/sC5403mpnsZ+EvTy1t6hXf3OUlHmFsXcQpSknMCU25RfX5zzyr9wVm1RrOm2hcNN40u9IwxEck/HnZXt9ruwObvwpWWujnF9cUc2i0QPjBweCmrlC0LCxuuLVByAFCjoKaUxnvVOBEasqiV/b5bz6paFY5l/WnWBj46KKKbr/88YFgAoog0QBEhDwjDVyS+kGrf+OB4BNmd30pO7fGMLuKO7GCq7bQRSxE/Y9M3FavgNs80qbO0MYO/pPO0AG3LBK+R4EnL6zKogi2gBBuahfEoErWjIQpjLUlRslh6TAx0EjDNFoYgxB6XdKa1uBxpRyVw4SeYKWf/nrV1Ss6m7oEMOAF4ZSPG0BXm1iUhPFBn3LQp5X3myho5pDJQBVxqMyIWAQJz3IKqpdXic31C0ooUnyMNJb3i3nlS44155fc5gThXre06WAwwez0/yCrOJdqBiuLrBFTk6R/8T/T8B9N3muPs1UYc9qgNLOc/ffi2htWdW9rD2kownTmFIKEXDGCERahqsCvYgIVIBdO+ZJhWxSt/w8qF0y13HpyCZXvvTg5WeTP+oSddpEoRLKDrNX3RRy7LMVMw/oiJoHFgBS1YNGXXQLhF7mPwqwK9oUlNQuONRMNiiYUYbro3AB3xXHjR8HYRYcvpv9nqj9ZHVSmVHEPL6wsM+Q/NZT9Hck6ta1bkMnso1Gya4wALwNvbsHiOhulTXaMY0qAE9WCXBR4bIfblQ+nrbGEeeWSmutPKrEibQMjUEGa2M1gw5EIbTzeQeWYUvaZC6unlhRkR2r2EBLPptkhJjCO2JoBXaLSkVsSfLyVMYcLR2Pgpa5PDNrVxT+ep1RtuZF6+rzKRy+onlVl0FAUwkCmtQEwZZmMt7cDCydR6IAyvdrw/MXVp9UYQGEkewi7A/L2XkHjaYkx6MgPARn35RZgPK6CqzXTQEnJCsWTCy1YQz2xzd2SvyTfdTOsyy6t+enppRMJb+Qji1xikCGV5iQZXqSFGAFheRJeMt364iXVXxtXwL4aOUDoV9q8kmbuMUguCyMGUME52rdji+kSM4rNDJjOxw8Tsi6veMc6Rx4HpaGYefis8ueX1Nx2RtnMagNBAvhkEFLBQDlrLN3ffw28omiaB3h1eiX74KLK/1tcPTMHt6ewjLTZJWJiagxUst8dwVLV1DSXb2ah0dQKw9Z2XnNQIExAESTaNwYt3+N7rsF8zTRrHofmtFoDua473ra1m/+wLbS5M7THLZGFTQNJix6B6LeKPC95MWx1oYmaN8F8foNpcYO50ODlBKGo4L1OKVrQl+R696cMewMKWVDYHCjYmXXG15q8fgXHSoFhyoKkbY2AsqDeu94xp4qbnu9uXNPLWHJd0Wg94JM6fXKTXdznlHqCcptX7glqUSnyBYyM5l9OsDKTy9iTagyTS5h6Kw2GS7L8pJCMe4iSRaYhThzQ/oKig26pzSM15kDDLphgerCI0UhTWvqX4OmjZrv4iw8dz11YZWPzT9zNDJxWypJr4XgTeXbivAcllXhNETJHIWiioYmBFmYEttxmq4UqdvBKmhh0nLT75QN+ORcIa8zUrGouCiFOp4jxiDJo5R7f/WXs/fPLCjpkRlqLHJVwo2WDdNal8sDD92+3TBsDoyExpPucuRLFb0+x2CLB0qRgN050EDVdACqCf9jifHKn56g6VTNbCDEOyDgNcgNckSz4ktpkF3IczcXHmqdUcUDJ8EHJbiKUFXzHf/qWNft1CA8higp4GSdQsnQBiwMuycnn5B3SCF5znA0NHhaJt+cc8vLKf7/ds7IlqEN4iHBStPADZ7Bs4aD+p3bhK2+uGxW+N902rZIDqTuP4o1qvD9joHp88g9Wdr+5P6BDOAiGWAXpiCiIc7oZREjp531ijl/RwsKfn1ISq1bCh4pbqlrBRLdfvmFlzwu7fTqEmQRSICXWlWRRtXgx3tSeU51SRC6fYlnYYNXCXTAlFJm6Lkb+a0J9Qfmm1T2P7PDoEKb7MwSY+D1jOB1FDGcStnQJ3Tlv+iIk/p55pUYDpcW6UIp3gVPWRW251spevJJ6+5reW9faA6OszxNxLuU8HUefLYSQDCtKmPypdF9L6VG7eoVdDjH3Lzq31nDrqSWaIqY+OQTpubGqGXMRg4c/cn7zza49TnGU4LfXJW3rEVCeGjFmCSEhilrdUaaqiFjZLpB4dfW+YDDnbdDkE248oWjuRJMWboYZ+lCmrUUL52BX7/YtWdb50p6RXxo3dfJP7HTPLM9bQ+IsISTwFXEoPa1I0gkGrmoN9IbyUNleZ6Hv/Fq52UgBQU0zadLOp/78JaGpRAtvWNHzX+/19o5cmf2ar0I3rem7bLLVlr+e4FlDqHVhSs4xpaWLDGpzSB935aesfdF4009OKYHEJVVSNC9tGjZhMiHiKj611XX+yx1vtQb54W2gp3Ux2xe44rXOiyaZzhiXz/RvlhByFKwwUWnYfaprob1LfeYLbzAfQ0aMz00nFp3faNGSPjiDX4hTlmQQo1fASO3o4S96tfOWNX1NDnF4Os50BeS7N7kufbl9Uilz+8klo4KRcgjWa8WQMFqakLoUxae5WfROS6A5T2xinJm+76zyydUcGIj7wMRJk+pjJK3QLFIB/vsnrgUvtt+1wdFkFwu3Da0vpLza7F+8rPPeNb0cDR8+u6Io3/Fx6s4778yGXEDgEtSo4xzr8JnOpoXfrSWHKXRRnkooa8w0mUCr9ge0sadgen8GgjTBIxhXD86iIK+ubwm80RLsDig0BW0sMuUvW9Thl99rC96z0XnPBkeXRwIY/mx++feOs+X9WAWIs/VOPukRznml3RNUAQMzLkgD46hiC4N2XFffkL9C5r/s8Pz03V45Up4b/4lpi8lSv9UAtIJW5GK2UmfXGedPNJ9czc0oY7PeHOmX8Od9/OZOfvW+wPtfBQHxaYwI8OrxdcZ3rxhXbc5/T/7sITzgk69a0bWxNaiVcg+ezIu8ziu3nFb6yIKKPH77X2903LfOrvHj+Lk9SC02Tsd6UDTmqw03BccV0VPLuVlVXEMp01jMHmOjCZylg1o/e0jpCihfOsUvHeK2Lv7zHqHNLWmFNuSvWEimiAWBly6ru3CSqRC2Ovv6APJgU0rZjZE2gplmevyQsej5z303ziyeXpY3Rfz13FLicf5pk0vblJNqz5OMZ5KmJgXnyDwgN5FBh0/ucMvv7w9QDKoyolIDZTFQVVa60oSIK2ykIRX+IFXFhNP6w9UL3R7ZzStdQdnLq9HKGlrbZBquQySTA/9wftm5EwqCX04QmmhI+FWYD4VHBafEaJLGDkFHUPn9J65nz6vM17c3UPCeeWUQwIc3OQEHQNJGnEwV2SBDZEANU1YqusVHUXFnQO6MdCvFECAc62UaI0c4vhFYOIyAEuYQryxstPz8lJLClWTkdONZlQajMRy3TCqfASmbEKLkCazc7Xu7LZ+ZPKIZBMVfzS/TzGCs52UcR8VDSG7Ea+TA96fCeBD3l+gTF/6ZhpEmQ9GL7n9D5Ir8Nl54dVoV+4cF5aWGAh5LkxOEjcXMtLJwVzOUYjnT7iijoCOkPPKJS84riTcx8Denlf7x3Ari6oCkXQAwsQwVZMYyrdUFabYARAtHKZDcQirpziKusdIPnF15QkVhSxFzgpDQy9k1hsHmeKq9ouAHraFHd7jz+xgcBX82p+Rfi6uPsTFk7mc8YjmT1w/SwTA45CBzeChMjko4dN+C8ovzvRUtzxCSST+zikM0jJXNH9LpoSCvqE9t9zQ58t8n65tTLG9eMe7sSSZEbLuE07AYmIIWTgcDzgw8ToEZptxBUssM1EPnVBAvcBhCP7kusqfVGsYXswk9XHDmiGU0agqbu/m7NzpCBYhSzqpgl19ae9sZZTVkkQ4p0dURp2SJQaINhJmNB0wJt6Z1OiOvE+0PKfU25vHzqm44fjjwywOEs8q5U+uM0f1HIGWXeup2Cxzt6rJil/eZJm8hHsnGoge+VvbskurzJlsIiwxHU3FyFyKcTqsGXw4OOd9EldjwueNNz11cc+XU4TsiOFcICSM7vc7AMjB5+cGJ0zaJ4zBQUPD/bnB81FWokz7OHW96cUnN4+dVajOMDG5ACe/NSFE7mDkgADJW5iVzb7KO+GUzhX48t3TpJbXz6wxgGCX76MyANLvEC1/p3OcMN0Ac5IFTXwwop04yrbystryQnHu/R1q5L/DyF77NHSFtgeTiXDc1HYoYDDVYAaKWEyB0foP5xjnFlzSYwbBLHiAk8oN3e5/e5taCSRBm7oqVMn/JR4fU608peXJRBVvgQ3XbvPLWLv71Pf5VbUGvRwrXSCLAwEMEUTPZVVWLuWg17Qw6Z7zxu8cXnTPRVG0amTNJ8wPh6tbAd17vdklqbHf54Oo48LOKKRHfv6jitnxn0dKKR1C/8slb2vl32/ybugWt6RiBIdKOgop2Wsk84cLdEeTwzKPQpDLm/PGmSxotsyq5StNIHiibHwglFS9c2rG+LQjiC2rA0Ga3go0A/v2iqqvzujtwcPGJqkdUdzvEHT3Czj6hxSO3eCSXoGoZ4Gj/dRwjX8TuUtBIoToL1VjCzK7k5tUZCXKENxnpkT9LNj8QEvlnk+/mt3tCSQwpKUWQCUUZF3PU80uqv16wWHAmCUOGiXZ5RbUvqPgkNSipflnlpeg3NTNaoZeJQSUGRLSNoyCNIDWaDgHOG4RkUs99/uDuPhHEt/zB6fIGafVSxrVW+uWLq88o5Lb0I1LyFj8vYtGPTixJQ15SU+ogseAMR/uckZXpulW9H/cIOiojAyGR782wNJSzsf0rqcXBIF0EAMbKFffbhavf6NrSzevAjAyEZM345aklsUgNTgmCZOr4MfArDu3tFa96vfuDgyEdmxGAkMi3plpPHW9M2L+SGmNM6ykOvNmIWuzid1d0vbo3oMMzAhASkn3naWWIeM0KTtjGnbbfSNIyOWBjTeiAW7ppVfeTOz06QsMNIZGF9aZrZtpAIKXIM9WvTy0VjM0Fqi+k3P5e7y/XOWT1SBt0JXNCc1RAyFDgtlNKJlZyMXMan+tJIqKprwwIh/wqeGiT86qVXdrJP0eK7HFJ6ztCeYwnFqQoZ0YZe/vpZVrJkIITLGeq2sF0vx0QCso0WLrLd8HSjvcOHAl75zd1hp7Y4ZlRns/+RoWqq/r2NMvVxJwG1QR4cEpPyrRpgXh7i7TEQlOveNlrnQ9udQelMdyPZF176Mb3+r4x2ZRjD9xhgpB4+reeWjql1gDiO16knv4ySEw8nu8w0CfhO9b0Xrmi69NeYSwujqtbghct7bxqinV+XZ7DTwVsYXRiBXvv/HITmXHxu05SFREkopVaxhLtDAQBB1d+6Vv4cvtj29zdY+EonoiQp3+myXvxi+2zawy3zClGMM8B1rzFSDPJ7zY57/3QrhI3g0oxnpnyqIPoJdKKM4GMF022/OSU4nMmmAqdaMxReoLKn7e5H1xrr7BQa66tP76czftHFBxCv6Re/1bv0s89IGkBwJnr5NPudosPDhCWFFSNZuqa42w3nlg0u5Ibnfh91MXfvcHx1i4vYXZ/+UbNj2YVFeJTCg4hka988mXLO7X+8xx1CCIzyJbdVH0VtR1JjVXcd463XTPDOsHGjB7wAjL+52eeP21xtdoFoIILjre9vLjaWpii/OGAkMhOu3DR0o52l6zt1MIZVDAtI01V06QXRW3f/Zxqw+XTrNfOsNZa6BHHb2VL8PHt7jUtAVnVDuyoL2ZfvrRmbnWhaqKGCUIi/zkYuvL1LntQBkmT8XCz/KlvULS8LYXgtHL265PN186wEcd0RMD7sD30xHb32rZQX0CO5E1ZFfx+UeUts4sKt2IPH4RE3twfuHZVtzukABaBoX9sprB4EjMKH5ZH7ltlpk+vN1011bpootE6LD1eBQWvagn8s8m35UDQTp4ucrwI0JjXZcfZ/n1hlaGQaf5hhZDIiv3+61f1OIhLwKH0pd+ZLOcQaziibbKxiUb1pczCeuOSBssJVVwJh6i80nliI0UV7+wVV+7zL98faO0TgzhcSQWjB8kAQZ1eyS2/rLaxuLCL9HBDSOTttuD1q7q17eeR8tHDci2G/jY1XGqmYETBuiJmXq3hjDrjSVXcMTbawiBGO5sPHpY/IqtaR3JJxcQlbXYK738V2tDJf9YjyARJCiaU7oWnUTGLnji/6tuFL+seAQiJrO/gv7+6u7lX0E4HHEQ30u48gofjX+LYYqn9h0V1VnpqMTOhmJ1RzlabtbOyijlUZKCMNEpCgegZL2MXrzgFxc2rrW75C7vQ4pGaHGKQWMvIflIapdmVF97ZdPu8sgcL3GJ6JCEMc1Tx5nd6N7QGwrssYXK/mKE4FTjz21JfiRKfcKZHxrEzZcMVpFaOKmKRiQKoXzFVVTtP2COoHkGJHmAQyQ9RkWO0IEAZzhkhElLPm2pevqR2eEoURwxCIgf9ys/X9r1IvH4EY4chpNUtMOQK+UN6JqjfzMY+LtxLKrLlGsdxJ9h/QhpMPJJi8BYaQXVKFbfy8tqG4mHyU0cSQiJBGT+w1fXwR85ASI26jENRskzmFCRyV5Che39aXYcZ4kE4M72CKcG/kFJtoV+5bNzXxg3fzpgRhjAiS5v9v11n360dAoliJwjBIVvRTBo5iGU+3JvjzHcYOPknqJYYqKcvrr50eDfHjAoIiexyiPdtdr5AjGp492Ga4xwHH9xUMPChYBsEM5DZb8l0tGFIsXHo7xfVfHOKZZiHbrRACMJ7Vl7a7b97g73TKWntiA4riTHERAc81GI2+N9mkpBaaaEev6Dq8kbL8I/bKIIwMla7HeJdmxwv7/JpdRssHNK6CAbtOjWInoFB9XuIUUBBmVzGPXVB1YL6kdlKMLogHIhXrdgX+N1GZ3MPr0SaucAh6MTgFhVn5jiDL3I4c0hIBUhSz5xkfmxhxYxydqSGazRCGBEnrzy23fP0TneHV8YoEchBWr6BQ8XNhxJxTTsn4t+sHRiOixjq+7OLf3t6SSEO+joSIIxIs0t6ZJt7xR5fu08hX1brroUy29IsVrXDypPAcHBAVikIT6zhfnV66SUNlhEfotEOYUQ+7ub/8Zn3nf2BNle4Ww3br5R40LUNDOr+p7WZmQCOlApoRUCwsYy9+jjbzXOKCtqW60iDMCKbO4Wle3zv7g980SdoQTK2v/EBHjLDHCRXNQjnlHEksTy1nF08xXr1DOusilFU6jGWIIzIZ3bx3dbg+y2B9Z2hQKTsP9LCLu3R15l2qoJBfcfIrwhyklY6jwzUvGrDogbzRceaTxx9dTpjD8KI9IaUT3uFtV8F1x/gt/bwUqQmkQAZKZUbYrOfpEBa5JL74+AcmlnBzq8znjXBdFKVYbyNHp1DMVYhHJADPrnFLW3t4rd18h/3Cq1eOXyiTH83ykjmgeoHKgotjrgEUZjDKeLomYuc1hNhTpWBaNvccYZJxQxBbpTXOY55CAfELaguXukOKE12gYC63y3tcUkOXglIOChjUQ4njCKKqeUooZFGJkbb1lpjohpLmToL01DCTC1lK01UiUHLI1JwbDz4kQNhvIgqFhVyad1UQhIOKdgnaFhKGBOXxMggE40sDDTQ2hXJ4BNixCA4Fh/2yITwqBKkD4EOoS46hLroEOoQ6qJDqIsOoS46hDqEuugQ6qJDqIsOoQ6hLjqEuugQ6qJDeNTK/wswAErTkZ6odVDUAAAAAElFTkSuQmCC" width="60" alt="" /> 
-                </a>
-                <a href="https://vanthink-ued.github.io/angular-core-image-upload/upload.html" class="hint--bottom" aria-label="Comming Soon">
-                   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjA4QjAwRTg2Q0YxMUU2QUU3NUY0QjU1NTkyODQxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjA4QjAwRjg2Q0YxMUU2QUU3NUY0QjU1NTkyODQxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGMDhCMDBDODZDRjExRTZBRTc1RjRCNTU1OTI4NDExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGMDhCMDBEODZDRjExRTZBRTc1RjRCNTU1OTI4NDExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+d8MeQAAALQ1JREFU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" width="60" alt="" /> 
-                </a>
-                <a href=https://vanthink-ued.github.io/vue-core-image-upload/upload.html"" class="hint--bottom" aria-label="Vue.js(1x)">
-                   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RjA4QjAwQTg2Q0YxMUU2QUU3NUY0QjU1NTkyODQxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RjA4QjAwQjg2Q0YxMUU2QUU3NUY0QjU1NTkyODQxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVEMEZDRUY1ODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVEMEZDRUY2ODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5j51PAAAFT1JREFU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" width="60" alt="" /> 
-                </a>
-                <a href="http://vanthink-ued.github.io/react-core-image-upload/upload.html" class="hint--bottom" aria-label="React.js">
-                   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRDBGQ0VGMzg2Q0UxMUU2QUU3NUY0QjU1NTkyODQxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRDBGQ0VGNDg2Q0UxMUU2QUU3NUY0QjU1NTkyODQxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVEMEZDRUYxODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVEMEZDRUYyODZDRTExRTZBRTc1RjRCNTU1OTI4NDExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CUlZDwAAKFtJREFU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" width="60" alt="" /> 
-                </a>
-            </div>
-            <p class="other-info">
-                 All Rights Reserved By Vanthink-UED
-            </p>
-        </div>
-
-</div>
-<script src="https://cdn.jsdelivr.net/highlight.js/9.2.0/highlight.min.js"></script>  
-<script>hljs.initHighlightingOnLoad();</script>
-<script  src="./demo.min.js"></script>    
-
-</body>
-
-</html>
diff --git a/dist/crop.vue b/dist/crop.vue
new file mode 100644
index 0000000..744ecba
--- /dev/null
+++ b/dist/crop.vue
@@ -0,0 +1,463 @@
+<template>
+<div class="image-aside">
+  <div class="g-crop-image-box" >
+    <div class="g-crop-image-principal" v-on:touchstart="drag" v-on:mousedown="drag">
+      <div class="image-wrap"  :style="{ width: width + 'px',height: height + 'px', left: left+ 'px', top: top + 'px', backgroundImage: 'url(' + src + ')', cursor: isResize ? 'default' : 'move'}">
+        <img ref="crop-image" style="width:0;height:0;" :src="src" />
+      </div>
+      <div class="image-mask" v-if="!isResize">
+        <div class="mask top" :style="{ top:0, height: cropCSS.top + 'px', left: 0, width: '100%'}"></div>
+        <div class="mask bottom" :style="{ bottom:0, top: (cropCSS.top + cropCSS.height) + 'px', left: 0, width: '100%'}"></div>
+        <div class="mask left" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left:0, width: cropCSS.left + 'px'}"></div>
+        <div class="mask right" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left: (cropCSS.left + cropCSS.width) + 'px', right: 0}"></div>
+      </div>
+      <div class="crop-box" v-if="!isResize" :style="{top: cropCSS.top + 'px', left: cropCSS.left + 'px', height: cropCSS.height + 'px',  width: cropCSS.width + 'px'}">
+        <div class="reference-line v"></div>
+        <div class="reference-line h"></div>
+        <a class="g-resize" v-on:touchstart.self="resize" v-on:mousedown.self="resize"></a>
+      </div>
+    </div>
+    <resize-bar v-if="resize" ref="resizeBar" @resize="resizeImage"></resize-bar>
+    <rotate-bar v-if="isRotate" @rotate="rotateImage"></rotate-bar>
+  </div>
+</div>
+</template>
+
+<style scoped>
+.g-crop-image-principal{
+  overflow: hidden;
+  position: relative;
+  background-color: #fff;
+  background-image: -webkit-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-webkit-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: -moz-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-moz-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: -o-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-o-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-position: 0 0,10px 10px;
+  -webkit-background-size: 21px 21px;
+  background-size: 21px 21px;
+}
+.image-aside{
+  overflow: hidden;
+  position: absolute;
+  right: 30px;
+  left:30px;
+  top:70px;
+  bottom:40px;
+  text-align: center;
+}
+.image-aside .image-wrap{
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  box-shadow: 0 3px 5px -2px rgba(0,0,0,.25);
+  background-size: cover;
+}
+.image-mask{
+  position: absolute;
+  left: 0;
+  top: 0;
+  width:100%;
+  height: 100%;
+}
+.image-mask .mask {
+  position: absolute;
+  background-color: rgba(255,255,255,.6);
+}
+.crop-box{
+  z-index: 2000;
+  box-sizing: border-box;
+  position: absolute;
+  background: none;
+  cursor: move;
+  width:100px;
+  height: 100px;
+  border:1px solid rgba(255,255,255, .95);
+}
+.crop-box:after,
+.crop-box:before{
+  content: '';
+  display: block;
+  opacity: 0;
+  position: absolute;
+  left: 33.3333%;
+  top: 0;
+  width: 33.334%;
+  height: 100%;
+  background-color: transparent;
+  border-color: rgba(255,255,255,.7);
+  border-style: solid;
+  border-width: 0;
+}
+.crop-box:active::before,
+.crop-box:active::after{
+  opacity: 1;
+}
+.crop-box:before{
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+.crop-box:after{
+  top: 33.3333%;
+  left: 0;
+  height: 33.3334%;
+  width: 100%;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+
+}
+.crop-box .g-resize{
+  display: inline-block;
+  z-index: 1910;
+  position: absolute;
+  bottom: -8px;
+  right: -8px;
+  width: 16px;
+  height: 16px;
+  cursor: se-resize;
+  border-radius: 10px;
+  background-color: #fff;
+  box-shadow: 0 2px 4px -2px rgba(0,0,0,.25);
+}
+</style>
+
+<script>
+import drag from './lib/drag';
+import resize from './lib/resize';
+import GIF_LOADING_SRC from './lib/loading-gif';
+import helper from './lib/helper';
+import canvasHelper from './lib/canvas-helper';
+import ResizeBar from './resize-bar.vue';
+import RotateBar from './rotate-bar.vue';
+// set cropbox size in image
+const CROPBOX_PERCENT = 75;
+const isMobile = helper.isMobile;
+const areaWidth = window.innerWidth - 60;
+const areaHeight = window.innerHeight - 110;
+export default {
+  components: {
+    ResizeBar,
+    RotateBar,
+  },
+  props: {
+    ratio: {
+      type: String,
+      default: '1:1'
+    },
+    minWidth: {
+      type: Number,
+      default: 50,
+    },
+    minHeight: {
+      type: Number,
+      default: 50,
+    },
+    isResize: {
+      type: [Boolean],
+      default: false,
+    },
+    isRotate: {
+      type: [Boolean],
+      default: true,
+    }
+  },
+
+  data() {
+    return {
+      src: GIF_LOADING_SRC,
+      width: 24,
+      height: 24,
+      initWidth: 24,
+      initHeight: 24,
+      left: 0,
+      top: 0,
+      cropCSS: {
+
+      }
+    }
+  },
+
+  methods: {
+    setImage(src, w, h) {
+      this.src = src;
+      if (!this.originSrc) {
+        this.setOriginalSrc(this.src);
+      }
+      if (this.ratio.indexOf(':') > 0) {
+        this.ratioW = this.ratio.split(':')[0];
+        this.ratioH = this.ratio.split(':')[1];
+        this.ratioVal = this.ratioW / this.ratioH;
+      } else {
+        this.ratioW = 1;
+        this.ratioH = 1;
+        this.ratioVal = this.ratio;
+      }
+      this.natrualWidth = w;
+      this.natrualHeight = h;
+      this.setLayout(w, h);
+      const resizeBar = this.$refs.resizeBar;
+      if (this.isResize) {
+        resizeBar.setProgress(100);
+      } else {
+        resizeBar.setProgress(50);
+      }
+      return this.imgChangeRatio;
+    },
+
+    setOriginalSrc(src) {
+      this.originSrc = src;
+    },
+
+    resizeImage(progress) {
+      let w,
+          h;
+      if (this.isResize) {
+        w = this.natrualWidth * this.imgChangeRatio * progress;
+        h = this.natrualHeight * this.imgChangeRatio * progress;
+      } else {
+        w = this.initWidth + progress * (this.natrualWidth - this.initWidth);
+        h = this.initHeight + progress * (this.natrualHeight - this.initHeight);
+      }
+      if (w <= this.minWidth || h < this.minHeight) {
+        return;
+      }
+      this.left += (this.width - w) / 2;
+      this.top += (this.height - h) / 2;
+      this.width = w;
+      this.height = h;
+      this.imgChangeRatio = this.width / this.natrualWidth;
+    },
+
+    rotateImage(degress) {
+      const data = canvasHelper.rotate2(this.originSrc, degress, (data, w, h) => {
+        this.setImage(data, w, h);
+      });
+      //this.src = src;
+    },
+
+    setLayout(w, h) {
+      let H = areaHeight,
+          W = areaWidth,
+          width = w,
+          height = h,
+          marginLeft = 0,
+          marginTop = 0;
+      // caculate the image ratio
+      let R = width / height;
+      let Rs = W / H;
+      if (R > Rs) {
+        height = H;
+        width = H * R;
+        marginLeft = (W - H * R) / 2;
+      } else {
+        width =  H * R,
+        height = H;
+        marginLeft = (W - H * R) / 2;
+      }
+      this._setStyle(width, height, marginLeft, marginTop, R, true);
+    },
+
+    _setStyle(w, h, ml, mt, r, isInit) {
+      const $container = this.$el.querySelector('.g-crop-image-principal');
+      if(!isInit) {
+        this.marginLeft = this.marginLeft + (this.width - w) / 2;
+        this.marginTop = this.marginTop + (this.height - h) / 2;
+      }
+      $container.style.cssText = 'width:' + w + 'px;height:' + h + 'px;margin-left:'
+      + ml + 'px;' + 'margin-top:' + mt + 'px';
+      this.setCropBox(w, h);
+      if (this.isResize) {
+        this.width = w;
+        this.height = h;
+      } else {
+        if (r >= this.cropCSS.width/this.cropCSS.height) {
+          this.height = this.cropCSS.height;
+          this.width = this.height * r;
+        } else {
+          this.width = this.cropCSS.width;
+          this.height = this.width / r;
+        }
+        this.initWidth = this.width;
+        this.initHeight = this.height;
+        this.left = (w - this.width) / 2;
+        this.top = (h - this.height) / 2;
+      }
+      this.imgChangeRatio = this.width / this.natrualWidth;
+    },
+
+    setCropBox(w, h, r) {
+      if (this.isResize) {
+        return;
+      }
+      let $selectCropBox = this.__find('.crop-box');
+      let $wrap = this.$el;
+      let imageWidth = w,
+          imageHeight = h,
+          ratioW = this.ratioW,
+          ratioH = this.ratioH;
+      let cropWidth = imageWidth;
+      if (areaWidth < w) {
+        cropWidth = areaWidth;
+      }
+      const baseCropWidth = (cropWidth / 100) * CROPBOX_PERCENT;
+      const CSSObj = {
+        width: baseCropWidth,
+        height: (baseCropWidth / ratioW) * ratioH,
+      }
+      CSSObj.left = (imageWidth - baseCropWidth) / 2;
+      CSSObj.top = (imageHeight - CSSObj.height) / 2;
+      $selectCropBox.style.cssText = helper.setCssText(CSSObj);
+      if (CSSObj.height > imageHeight) {
+        const baseCropHeight = (imageHeight / 100) * CROPBOX_PERCENT
+        CSSObj.height = baseCropHeight;
+        CSSObj.width = (CSSObj.height * ratioW) / ratioH;
+        CSSObj.left = (imageWidth - CSSObj.width) / 2,
+        CSSObj.top = (imageHeight - CSSObj.height) / 2,
+        $selectCropBox.style.cssText = helper.setCssText(CSSObj);
+      };
+      this.cropCSS = CSSObj;
+
+    },
+
+    getCropData() {
+      // keep compatible with old api
+      if (this.isResize) {
+        return {
+          imgChangeRatio: this.imgChangeRatio,
+          toCropImgX: 0,
+          toCropImgY: 0,
+          toCropImgW: this.natrualWidth,
+          toCropImgH: this.natrualHeight,
+        };
+      }
+      return {
+        toCropImgX: (this.cropCSS.left - this.left) / this.imgChangeRatio,
+        toCropImgY: (this.cropCSS.top - this.top) / this.imgChangeRatio,
+        toCropImgW: this.cropCSS.width / this.imgChangeRatio,
+        toCropImgH: this.cropCSS.height / this.imgChangeRatio,
+      };
+    },
+
+    getCropImage() {
+      return this.$refs['crop-image'];
+    },
+
+    __find(str) {
+      let dq = this.$el;
+      return dq.querySelector(str);
+    },
+    // resize and drag move
+    resize(e) {
+      e.stopPropagation();
+      if (!this.ratio.indexOf(':')) {
+          return;
+      }
+      let $el = e.target.parentElement;
+      let $container = this.__find('.g-crop-image-principal');
+      if (this._$container) {
+        this._$container = container;
+      }
+      const self = this;
+      const coor = {
+        x: helper.isMobile ? e.touches[0].clientX : e.clientX,
+        y: helper.isMobile ? e.touches[0].clientY : e.clientY,
+        w: $el.offsetWidth,
+        h: $el.offsetHeight,
+      };
+      this.el = $el;
+      this.container = $container;
+      const maxCoor = this._getMaxCropAreaWidth();
+      const move = function (ev) {
+        const newCropStyle = resize(ev, self.el, $container, coor, self.ratioVal);
+        if (newCropStyle && newCropStyle.width <= maxCoor.maxWidth && newCropStyle.height <= maxCoor.maxHeight) {
+          self.cropCSS.width = newCropStyle.width;
+          self.cropCSS.height = newCropStyle.height;
+        }
+      };
+      const end = function (ev) {
+        this.el = null;
+        if (helper.isMobile) {
+          document.removeEventListener('touchmove', move, false);
+          document.removeEventListener('touchend', end, false);
+        }
+        document.removeEventListener('mousemove', move, false);
+        document.removeEventListener('mouseup', end, false);
+      };
+      if (helper.isMobile) {
+        document.addEventListener('touchmove', move, false);
+        document.addEventListener('touchend', end, false);
+      }
+      document.addEventListener('mousemove', move, false);
+      document.addEventListener('mouseup', end, false);
+    },
+
+    _getMaxCropAreaWidth() {
+      const $image = this.__find('.image-wrap');
+      const $cropBox = this.__find('.crop-box');
+
+      const imageLeft = parseFloat($image.style.left);
+      const imageTop = parseFloat($image.style.top);
+      const imageWidth = parseFloat($image.style.width);
+      const imageHeight = parseFloat($image.style.height);
+      const cropBoxLeft = parseFloat($cropBox.style.left);
+      const cropBoxTop = parseFloat($cropBox.style.top);
+
+      const maxWidth = imageWidth - (cropBoxLeft - imageLeft);
+      const maxHeight = imageHeight - (cropBoxTop - imageTop);
+
+      return {
+        maxWidth,
+        maxHeight,
+      };
+    },
+
+    drag(e) {
+      e.preventDefault();
+      const $el = this.__find('.image-wrap');
+      this.el = $el;
+      const $cropBox = this.__find('.crop-box');
+      const $container = e.currentTarget;
+      const self = this;
+      const isMobile = helper.isMobile;
+      const coor = {
+        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft,
+        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop,
+        maxLeft: $cropBox.offsetLeft,
+        maxTop: $cropBox.offsetTop,
+        minLeft: ($cropBox.offsetWidth + $cropBox.offsetLeft) - $el.offsetWidth,
+        minTop: ($cropBox.offsetHeight + $cropBox.offsetTop) - $el.offsetHeight,
+      };
+      const move = function (ev) {
+        const newCropStyle = drag(ev, self.el, coor);
+        if (newCropStyle) {
+          self.left = newCropStyle.left;
+          self.top = newCropStyle.top;
+        }
+      };
+      const stopMove = function (ev) {
+        self.el = null;
+        if (isMobile) {
+          document.removeEventListener('touchmove', move, false);
+          document.removeEventListener('touchend', stopMove, false);
+          return;
+        }
+        document.removeEventListener('mousemove', move, false);
+        document.removeEventListener('mouseup', stopMove, false);
+      };
+      if (isMobile) {
+        document.addEventListener('touchmove', move, false);
+        document.addEventListener('touchend', stopMove, false);
+        return;
+      }
+      document.addEventListener('mousemove', move, false);
+      document.addEventListener('mouseup', stopMove, false);
+    },
+  },
+
+}
+</script>
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 0000000..51df541
--- /dev/null
+++ b/dist/index.js
@@ -0,0 +1,2 @@
+import VueCoreImageUpload from 'vue-core-image-upload';
+export default VueCoreImageUpload;
diff --git a/dist/lib/canvas-helper.js b/dist/lib/canvas-helper.js
new file mode 100644
index 0000000..25d5db6
--- /dev/null
+++ b/dist/lib/canvas-helper.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueCoreImageUpload=e():t.VueCoreImageUpload=e()}(this,function(){return function(t){function e(r){if(a[r])return a[r].exports;var o=a[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var a={};return e.m=t,e.c=a,e.i=function(t){return t},e.d=function(t,a,r){e.o(t,a)||Object.defineProperty(t,a,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(a,"a",a),a},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=13)}({13:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={_getImageType:function(t){var e="image/jpeg",a=t.match(/(image\/[\w]+)\.*/)[0];return void 0!==a&&(e=a),e},compress:function(t,e,a){var r=new FileReader,o=this;r.onload=function(r){var n=new Image;n.src=r.target.result,n.onload=function(){var r=o._getImageType(t.type),g=o._getCanvas(n.naturalWidth,n.naturalHeight),i=(g.getContext("2d").drawImage(n,0,0),g.toDataURL(r,e/100));a(i)}},r.readAsDataURL(t)},crop:function(t,e,a){var r=function(t){return"number"==typeof t};if(r(e.toCropImgX)&&r(e.toCropImgY)&&e.toCropImgW>0&&e.toCropImgH>0){var o=e.toCropImgW,n=e.toCropImgH;e.maxWidth&&e.maxWidth<o&&(o=e.maxWidth,n=e.toCropImgH*o/e.toCropImgW),e.maxHeight&&e.maxHeight<n&&(n=e.maxHeight);var g=this._getCanvas(o,n),i=(g.getContext("2d").drawImage(t,e.toCropImgX,e.toCropImgY,e.toCropImgW,e.toCropImgH,0,0,o,n),this._getImageType(t.src));a(g.toDataURL(i,e.compress/100))}},init:function(t,e){var a=new Image;a.src=t;var r=this;a.onload=function(){var t=r._getImageType(a.src),o=r._getCanvas(a.naturalWidth,a.naturalHeight);o.getContext("2d").drawImage(a,0,0);var n=o.toDataURL(t,100);e(n)}},rotate:function(t,e,a){var r=new Image;r.src=t.src;var o=this;r.onload=function(){var t=o._getImageType(r.src),n=o._getCanvas(r.naturalHeight,r.naturalWidth),g=n.getContext("2d");1==e?(g.rotate(90*Math.PI/180),g.translate(0,-n.width)):(g.rotate(-90*Math.PI/180),g.translate(-n.height,0)),g.drawImage(r,0,0);var i=n.toDataURL(t,100);a(i)}},resize:function(t,e,a){var r=function(t){return"number"==typeof t};if(r(e.toCropImgX)&&r(e.toCropImgY)&&e.toCropImgW>0&&e.toCropImgH>0){var o=e.toCropImgW*e.imgChangeRatio,n=e.toCropImgH*e.imgChangeRatio,g=this._getCanvas(o,n),i=(g.getContext("2d").drawImage(t,0,0,e.toCropImgW,e.toCropImgH,0,0,o,n),this._getImageType(t.src));a(g.toDataURL(i,e.compress/100))}},rotate2:function(t,e,a){var r=this;this._loadImage(t,function(o){var n=o.naturalWidth,g=o.naturalHeight,i=Math.max(n,g),u=r._getCanvas(i,i),m=u.getContext("2d");m.save(),m.translate(i/2,i/2),m.rotate(e*(Math.PI/180));var c=-i/2,s=-i/2;if(0===(e%=360))return a(t,n,g);if(e%180!=0){-90===e||270===e?c=i/2-n:s=i/2-g;var p=n;n=g,g=p}else c=i/2-n,s=i/2-g;m.drawImage(o,c,s),r._getCanvas(n,g).getContext("2d").drawImage(u,0,0,n,g,0,0,n,g);var d=r._getImageType(o.src),f=u.toDataURL(d,1);a(f,n,g)})},_loadImage:function(t,e){var a=new Image;a.src=t,a.onload=function(){e(a)},a.onerror=function(){console.log("Error: image error!")}},_getCanvas:function(t,e){var a=document.createElement("canvas");return a.width=t,a.height=e,a}}}})});
\ No newline at end of file
diff --git a/dist/lib/drag.js b/dist/lib/drag.js
new file mode 100644
index 0000000..1134a15
--- /dev/null
+++ b/dist/lib/drag.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueCoreImageUpload=t():e.VueCoreImageUpload=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},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,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=14)}({0:function(e,t,n){"use strict";e.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),setCssText:function(e){var t=[];for(var n in e){var o=e[n];"number"==typeof o&&(o+="px"),t.push(n+": "+o+";")}return t.join("")}}},14:function(e,t,n){"use strict";function o(e,t,n){if(t){var o=u?e.changedTouches[0].clientX:e.clientX,r=u?e.changedTouches[0].clientY:e.clientY,i=o-n.x,f=r-n.y;return i<=n.minLeft&&(i=n.minLeft),i>=n.maxLeft&&(i=n.maxLeft),f<=n.minTop&&(f=n.minTop),f>=n.maxTop&&(f=n.maxTop),{left:i,top:f}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var r=n(0),i=function(e){return e&&e.__esModule?e:{default:e}}(r),u=i.default.isMobile}})});
\ No newline at end of file
diff --git a/dist/lib/helper.js b/dist/lib/helper.js
new file mode 100644
index 0000000..7018694
--- /dev/null
+++ b/dist/lib/helper.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueCoreImageUpload=t():e.VueCoreImageUpload=t()}(this,function(){return function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";e.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),setCssText:function(e){var t=[];for(var r in e){var o=e[r];"number"==typeof o&&(o+="px"),t.push(r+": "+o+";")}return t.join("")}}}])});
\ No newline at end of file
diff --git a/dist/lib/loading-gif.js b/dist/lib/loading-gif.js
new file mode 100644
index 0000000..909e355
--- /dev/null
+++ b/dist/lib/loading-gif.js
@@ -0,0 +1 @@
+!function(A,Q){"object"==typeof exports&&"object"==typeof module?module.exports=Q():"function"==typeof define&&define.amd?define([],Q):"object"==typeof exports?exports.VueCoreImageUpload=Q():A.VueCoreImageUpload=Q()}(this,function(){return function(A){function Q(C){if(o[C])return o[C].exports;var g=o[C]={i:C,l:!1,exports:{}};return A[C].call(g.exports,g,g.exports,Q),g.l=!0,g.exports}var o={};return Q.m=A,Q.c=o,Q.i=function(A){return A},Q.d=function(A,o,C){Q.o(A,o)||Object.defineProperty(A,o,{configurable:!1,enumerable:!0,get:C})},Q.n=function(A){var o=A&&A.__esModule?function(){return A.default}:function(){return A};return Q.d(o,"a",o),o},Q.o=function(A,Q){return Object.prototype.hasOwnProperty.call(A,Q)},Q.p="",Q(Q.s=15)}({15:function(A,Q,o){"use strict";Object.defineProperty(Q,"__esModule",{value:!0});Q.default="data:image/gif;base64,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"}})});
\ No newline at end of file
diff --git a/dist/lib/resize.js b/dist/lib/resize.js
new file mode 100644
index 0000000..c111223
--- /dev/null
+++ b/dist/lib/resize.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueCoreImageUpload=t():e.VueCoreImageUpload=t()}(this,function(){return function(e){function t(o){if(i[o])return i[o].exports;var n=i[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var i={};return t.m=e,t.c=i,t.i=function(e){return e},t.d=function(e,i,o){t.o(e,i)||Object.defineProperty(e,i,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(i,"a",i),i},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=25)}({0:function(e,t,i){"use strict";e.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),setCssText:function(e){var t=[];for(var i in e){var o=e[i];"number"==typeof o&&(o+="px"),t.push(i+": "+o+";")}return t.join("")}}},25:function(e,t,i){"use strict";function o(e,t,i,o,n){if(t){var r=document.body.offsetHeight,d=1/n,f=parseFloat(window.getComputedStyle(i).width),c=parseFloat(window.getComputedStyle(i).height),s=document.querySelector(".info-aside"),a=(u-f)/2,l=parseFloat(window.getComputedStyle(s).height),p=(r-c-l)/2,g=h?e.changedTouches[0].clientX:e.clientX,w=h?e.changedTouches[0].clientY:e.clientY,y=t.offsetWidth,b=t.offsetHeight,x={};return n>=1&&g<=a+f?(y>=f&&(x.width=f),x.width=o.w+g-o.x,x.height=y*d,f>c?y>c&&(x.height=c,x.width=c*n):f<c?y>f&&(x.width=f,x.height=f*d):y>=f&&(x.width=f,x.height=f*d)):n<1&&w<p+c+l?(x.height=o.h+w-o.y,x.width=b*n,f>c?b>c&&(x.height=c,x.width=c*n):y>f&&(x.width=f,x.height=f*d)):"auto"==n&&w<=p+c+l&&g<=p+f?(x.height=o.h+w-o.y,x.width=o.w+g-o.x):g<=a+f&&(x.width=o.w+g-o.x,x.height=t.style.width,f>c?b>c&&(x.height=c,x.width=c):f<c?y>f&&(x.width=f,x.height=f):y>f&&(x.width=t.style.height=f)),x}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=i(0),r=function(e){return e&&e.__esModule?e:{default:e}}(n),h=r.default.isMobile,u=document.body.offsetWidth}})});
\ No newline at end of file
diff --git a/dist/lib/xhr.js b/dist/lib/xhr.js
new file mode 100644
index 0000000..ad8f286
--- /dev/null
+++ b/dist/lib/xhr.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueCoreImageUpload=t():e.VueCoreImageUpload=t()}(this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=52)}({52:function(e,t,o){"use strict";var n="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};void 0===XMLHttpRequest.prototype.sendAsBinary&&(XMLHttpRequest.prototype.sendAsBinary=function(e){var t=Array.prototype.map.call(e,function(e){return 255&e.charCodeAt(0)});this.send(new Uint8Array(t).buffer)}),e.exports=function(e,t,o,r,s,a,i){function u(e){for(var t={},o=/([a-z\-]+):\s?(.*);?/gi,n=void 0;n=o.exec(e);)t[n[1]]=n[2];return t}var p=new XMLHttpRequest,f=a||function(){console.error("AJAX ERROR!")},c="vuecodeimageupload",l=!1;"blob"===e&&(l=e,e="GET"),console.log(r),e=e.toUpperCase(),p.onload=function(){var t=p.response;try{t=JSON.parse(p.responseText)}catch(e){401===p.status&&(t=f("access_denied",p.statusText))}var o=u(p.getAllResponseHeaders());o.statusCode=p.status,s(t||("GET"===e?f("empty_response","Could not get resource"):{}),o)},p.onerror=function(){var e=p.responseText;try{e=JSON.parse(p.responseText)}catch(e){console.error(e)}s(e||f("access_denied","Could not get resource"))};var d=void 0;if("GET"===e||"DELETE"===e)r=null;else if(i){var y=r,m=r.base64Code.replace("data:"+r.type+";base64,","");r=["--"+c,'Content-Disposition: form-data; name="'+r.filed+'"; filename="'+r.filename+'"',"Content-Type: "+r.type,"",window.atob(m),""].join("\r\n");var b=Object.keys(y);if(b.length>4){var v=!0,x=!1,C=void 0;try{for(var T,g=b[Symbol.iterator]();!(v=(T=g.next()).done);v=!0){var h=T.value;-1==["filed","filename","type","base64Code"].indexOf(h)&&(r+=["--"+c,'Content-Disposition: form-data; name="'+h+'";',"",""].join("\r\n"),r+=["object"===n(y[h])?JSON.stringify(y[h]):y[h],""].join("\r\n"))}}catch(a){x=!0,C=a}finally{try{!v&&g.return&&g.return()}finally{if(x)throw C}}}r+="--"+c+"--"}if(p.open(e,t,!0),l&&("responseType"in p?p.responseType=l:p.overrideMimeType("text/plain; charset=x-user-defined")),o){for(d in o)p.setRequestHeader(d,o[d]);i&&p.setRequestHeader("Content-Type","multipart/form-data; boundary="+c)}return i?p.sendAsBinary(r):(p.withCredentials=!0,p.send(r),p)}}})});
\ No newline at end of file
diff --git a/dist/props.js b/dist/props.js
new file mode 100644
index 0000000..99b43e5
--- /dev/null
+++ b/dist/props.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueCoreImageUpload=t():e.VueCoreImageUpload=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var u=n[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,t),u.l=!0,u.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get: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,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=26)}({26:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={url:{type:String},text:{type:String,default:"Upload Image"},extensions:{type:String,default:"png,jpg,jpeg,gif,svg,webp"},inputOfFile:{type:String,default:"files"},crop:{type:[String,Boolean],default:""},cropBtn:{type:Object,default:function(){return{ok:"Ok",cancel:"Cancel"}}},cropRatio:{type:String,default:"1:1"},resize:{type:[String,Boolean],default:!1},rotate:{type:Boolean,default:!1},ResizeBtn:{type:Object,default:function(){return{ok:"Ok",cancel:"Cancel"}}},maxFileSize:{type:Number,default:104857600},maxWidth:{type:Number},maxHeight:{type:Number},inputAccept:{type:String,default:"image/jpg,image/jpeg,image/png,image/gif"},isXhr:{type:Boolean,default:!0},headers:{type:Object,default:function(){return{}}},data:{type:Object,default:function(){return{}}},multiple:{type:Boolean,default:!1},multipleSize:{type:Number,default:0},minWidth:{type:Number,default:50},compress:{type:[Number,String],default:0},credentials:{type:[String,Boolean],default:!0}}}})});
\ No newline at end of file
diff --git a/dist/resize-bar.vue b/dist/resize-bar.vue
new file mode 100644
index 0000000..9dc2e47
--- /dev/null
+++ b/dist/resize-bar.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="g-resize-bar">
+    <div class="g-resize-highlight" :style="{width: left + '%',}"></div>
+    <button class="circle-btn" @touchstart.self="drag" @mousedown.self="drag" :style="{left: left + '%',}"></button>
+  </div>
+</template>
+
+<style scoped>
+  .g-resize-bar{
+    position: absolute;
+    bottom: 0px;
+    margin: 17px auto;
+    height: 6px;
+    border-radius: 3px;
+    width:200px;
+    margin-left: -100px;
+    left: 50%;
+    background-color: #a8f9ca;
+    box-shadow: 0 2px 3px -1px rgba(0,0,0,.3);
+  }
+  .g-resize-highlight{
+    position: absolute;
+    left: 0;
+    top:0;
+    height: 6px;
+    background-color: #27ae60;
+    border-radius: 3px;
+  }
+  .circle-btn{
+    display: block;
+    position: absolute;
+    left:0;
+    top: -5px;
+    width: 14px;
+    height: 14px;
+    margin-left: -7px;
+    background-color: #fff;
+    border-radius: 7px;
+    box-shadow: 0 2px 3px -2px rgba(0,0,0,.6), 0 -2px 3px -2px rgba(0,0,0,.55);
+    border-width: 0;
+  }
+</style>
+
+<script>
+import helper from './lib/helper';
+import drag from './lib/drag';
+
+export default {
+  props: {
+    minProgress: {
+      type:[Number, String],
+      default: 0,
+    }
+
+  },
+  data() {
+    return {
+      progress: 100,
+      left: 100,
+    }
+  },
+
+  methods: {
+    setProgress(num) {
+      this.left = num;
+    },
+
+    drag(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      const $el = e.target;
+      this.el = $el;
+      const $container = this.$el.parentElement;
+      const self = this;
+      const isMobile = helper.isMobile;
+      const width = 200;
+      const coor = {
+        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft,
+        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop,
+        maxLeft: width,
+        maxTop: parseInt($container.style.height) - parseInt($el.style.height),
+        minLeft: 0,
+        minTop: 0,
+      };
+      const move = function (ev) {
+        const newCoor = drag(ev, self.el, coor);
+        if (newCoor) {
+          if((newCoor.left / width) < self.minProgress) {
+            return;
+          }
+          self.progress = (newCoor.left-width/2) / width;
+          self.left = newCoor.left / width * 100;
+
+          self.$emit('resize', self.progress);
+        }
+      };
+      const stopMove = function (ev) {
+        self.el = null;
+        if (isMobile) {
+          document.removeEventListener('touchmove', move, false);
+          document.removeEventListener('touchend', stopMove, false);
+          return;
+        }
+        document.removeEventListener('mousemove', move, false);
+        document.removeEventListener('mouseup', stopMove, false);
+      };
+      if (isMobile) {
+        document.addEventListener('touchmove', move, false);
+        document.addEventListener('touchend', stopMove, false);
+        return;
+      }
+      document.addEventListener('mousemove', move, false);
+      document.addEventListener('mouseup', stopMove, false);
+    }
+
+  },
+
+
+};
+</script>
diff --git a/dist/rotate-bar.vue b/dist/rotate-bar.vue
new file mode 100644
index 0000000..77aa551
--- /dev/null
+++ b/dist/rotate-bar.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="g-rotate-bar">
+    <a href="javascript:;" @click="rotateLeft">
+      <svg class="svg-icon" viewBox="0 0 481.95 481.95">
+        <path d="M281.7,243.8V138.2c75.9,13.5,135.4,78.6,135.4,159.8s-59.6,146.3-135.4,159.8V512
+          c105.7-13.5,189.6-102.9,189.6-214s-84-200.5-189.6-214V0L159.8,121.9L281.7,243.8z M94.8,270.9c2.7-24.4,13.5-46.1,27.1-67.7
+          L84,165.2C59.6,197.8,46.1,233,40.6,270.9H94.8z M159.8,430.7l-37.9,37.9c32.5,24.4,67.7,37.9,105.7,43.3v-54.2
+          C203.2,455.1,181.5,444.3,159.8,430.7z M94.8,325.1H40.6c2.7,37.9,19,73.1,43.3,105.7l37.9-37.9
+          C108.4,371.1,97.5,349.5,94.8,325.1z" fill="#27ae60" />
+      </svg>
+    </a>
+    <a href="javascript:;" @click="rotateRight">
+      <svg class="svg-icon" viewBox="0 0 481.95 481.95">
+      		<path d="M331.5,114.75L216.75,0v79.05C117.3,91.8,38.25,175.95,38.25,280.5s79.05,188.7,178.5,201.45v-51    C145.35,418.2,89.25,357,89.25,280.5s56.1-137.7,127.5-150.45v99.45L331.5,114.75z M443.7,255    c-5.101-35.7-17.851-68.85-40.8-99.45l-35.7,35.7c12.75,20.4,22.95,40.8,25.5,63.75H443.7z M267.75,430.95v51    c35.7-5.101,68.85-17.851,99.45-40.8l-35.7-35.7C311.1,418.2,290.7,428.4,267.75,430.95z M367.2,369.75l35.7,35.7    c22.949-30.601,38.25-63.75,40.8-99.45h-51C390.15,328.95,379.95,349.35,367.2,369.75z" fill="#27ae60"/>
+      </svg>
+    </a>
+  </div>
+</template>
+
+<style>
+.g-rotate-bar{
+    position: absolute;
+    bottom: 30px;
+    left: 0;
+    right: 0;
+    text-align: center;
+}
+.g-rotate-bar .svg-icon{
+  display: inline-block;
+  width: 1.2em;
+  height: 1.2em;
+  margin: 0 2em;
+}
+</style>
+
+<script>
+export default {
+  data() {
+      return {
+        rotateDegree: 0,
+      }
+  },
+
+  methods: {
+    rotateRight() {
+      this.rotateDegree += 90;
+      this.$emit('rotate', this.rotateDegree);
+    },
+
+    rotateLeft() {
+      this.rotateDegree -= 90;
+      this.$emit('rotate', this.rotateDegree);
+    },
+  }
+};
+
+</script>
diff --git a/dist/ssr.js b/dist/ssr.js
new file mode 100755
index 0000000..6253fa5
--- /dev/null
+++ b/dist/ssr.js
@@ -0,0 +1,7 @@
+import VueCoreImageUpload from 'vue-core-image-upload'
+
+export default {
+  install( Vue, options ) {
+      Vue.component( VueCoreImageUpload.name, VueCoreImageUpload );
+  }
+}
\ No newline at end of file
diff --git a/dist/style/style.css b/dist/style/style.css
new file mode 100644
index 0000000..78b7ea7
--- /dev/null
+++ b/dist/style/style.css
@@ -0,0 +1,109 @@
+.g-core-image-upload-btn{
+  position: relative;
+  overflow: hidden;
+}
+.g-core-image-upload-form{
+  position: absolute;
+  left:0;
+  right: 0;
+  top:0;
+  bottom:0;
+  width: 100%;
+  height: 100%;
+  min-height: 61px;
+  opacity: 0;
+}
+.g-core-image-upload-container{
+  position: absolute;
+  background: #111;
+  z-index: 900;
+}
+.g-core-image-upload-modal{
+  position: absolute;
+  left:0;
+  right:0;
+  width: 100%;
+  height: 100%;
+  border:1px solid #ccc;
+  z-index: 899;
+}
+.dropped{
+  border:4px solid #ea6153;
+}
+.g-core-image-corp-container{
+  z-index: 1900;
+  position:fixed;
+  left:0;
+  right:0;
+  top:0;
+  bottom: 0;
+  background: rgba(0,0,0,.9);
+  color:#f1f1f1;
+}
+.g-core-image-corp-container .image-aside{
+  position: absolute;
+  right: 30px;
+  left:30px;
+  top:60px;
+  bottom:20px;
+  text-align: center;
+}
+.g-core-image-corp-container .image-aside img{
+  max-width: 100%;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.g-core-image-corp-container .info-aside{
+  position: absolute;
+  left:0;
+  right: 0;
+  top:0;
+  height: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background: #fefefe;
+  color:#777;
+}
+.g-core-image-corp-container .btn-groups{
+  text-align: right;
+  margin: 5px 0 0;
+}
+.g-core-image-corp-container .btn{
+  display: inline-block;
+  padding: 0 15px;
+  height: 32px;
+  margin-left: 15px;
+  background: #fff;
+  border:1px solid #ccc;
+  border-radius: 2px;
+  font-size: 13px;
+  color:#222;
+  line-height: 32px;
+  transition: all .1s ease-in;
+}
+.g-core-image-corp-container .btn:hover{
+  border:1px solid #777;
+  box-shadow: 0 1px 3px rgba(0,0,0,.05);
+}
+.g-core-image-corp-container .btn:active{
+  background: #ddd;
+}
+.g-core-image-corp-container .btn:disabled{
+  background: #eee !important;
+  border-color:#ccc;
+  cursor: not-allowed;
+}
+.g-core-image-corp-container .btn-upload{
+  background: #27ae60;
+  border-color:#27ae60;
+  color:#fff;
+}
+.g-core-image-corp-container .btn-upload:hover{
+  background: #2dc26c;
+  border-color:#27ae60;
+  box-shadow: 0 1px 3px rgba(0,0,0,.05);
+}
diff --git a/dist/vue-core-image-upload.vue b/dist/vue-core-image-upload.vue
new file mode 100644
index 0000000..e0555f0
--- /dev/null
+++ b/dist/vue-core-image-upload.vue
@@ -0,0 +1,308 @@
+<template>
+  <div class="g-core-image-upload-btn" ref="container">
+    <slot>{{text}}</slot>
+    <form class="g-core-image-upload-form" v-show="!hasImage" method="post" enctype="multipart/form-data" action="" style="">
+      <input v-bind:disabled="uploading" v-bind:id="'g-core-upload-input-' + formID" v-bind:name="name" v-bind:multiple="multiple" type="file" v-bind:accept="inputAccept" v-on:change="change" v-on:dragover="dragover" v-on:dragenter="dragover" v-on:dragleave="dragleave" v-on:dragend="dragleave" v-on:drop="dragleave" style="width: 100%; height: 100%;">
+    </form>
+    <div class="g-core-image-corp-container" v-bind:id="'vciu-modal-' + formID" v-show="hasImage">
+      <crop ref="cropBox" :is-resize="resize && !crop" :ratio="cropRatio" :is-rotate="rotate"></crop>
+      <div class="info-aside">
+        <p class="btn-groups rotate-groups" style="display:none">
+          <button type="button" v-on:click="doRotate" class="btn btn-rotate">↺</button>
+          <button type="button" v-on:click="doReverseRotate" class="btn btn-reverserotate">↻</button>
+        </p>
+        <p class="btn-groups" v-if="crop">
+          <button type="button" v-on:click="doCrop" class="btn btn-upload">{{cropBtn.ok}}</button>
+          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{cropBtn.cancel}}</button>
+        </p>
+        <p class="btn-groups" v-if="resize && !crop">
+          <button type="button" v-on:click="doResize" class="btn btn-upload">{{ResizeBtn.ok}}</button>
+          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{ResizeBtn.cancel}}</button>
+        </p>
+      </div>
+  </div>
+</div>
+</template>
+
+<style src="./style/style.css">
+</style>
+
+<script>
+  import xhr from 'core-image-xhr';
+  import GIF_LOADING_SRC from './lib/loading-gif';
+  import canvasHelper from './lib/canvas-helper';
+  import props from './props';
+  import Crop from './crop.vue';
+  import ResizeBar from './resize-bar.vue';
+
+  let overflowVal = '';
+  export default {
+    components: {
+      Crop,
+      ResizeBar
+    },
+    props: props,
+    data() {
+      return {
+        files: [],
+        hasImage: false,
+        options: this.props,
+        uploading: false,
+        formID: (Math.random() * 10000 + '').split('.')[0],
+        image:{
+          src: GIF_LOADING_SRC,
+          width:24,
+          height:24,
+          minProgress: 0.05,
+        },
+      }
+    },
+
+    computed: {
+      name() {
+        if(this.multiple) {
+          return this.inputOfFile + '[]';
+        }
+        return this.inputOfFile;
+      }
+    },
+
+    methods: {
+      __dispatch(name,res, data) {
+        this.$emit && this.$emit(name, res, data);
+      },
+      __find(str) {
+        let dq = document.querySelector('#vciu-modal-' + this.formID);
+        return dq.querySelector(str);
+      },
+      dragover() {
+        let element = this.$refs.container;
+        element.classList.add('is-dragover');
+      },
+      dragleave() {
+        let element = this.$refs.container;
+        element.classList.remove('is-dragover');
+      },
+      change(e) {
+        let fileVal = document.querySelector('#g-core-upload-input-' + this.formID).value.replace(/C:\\fakepath\\/i, "");
+        let fileExt = fileVal.substring(fileVal.lastIndexOf(".") + 1);
+        const extensionsArr = this.extensions.split(',');
+        if(extensionsArr.length) {
+            var reg = new RegExp('^(?:' + extensionsArr.join('|') + ')$','i');
+            if (!reg.test(fileExt)) {
+                return this.__dispatch('errorhandle','TYPE ERROR');
+            }
+        }
+
+        if (Array.prototype.slice.call(e.target.files).some(file => file.size > this.maxFileSize)) {
+            var formatSize;
+            if (parseInt(this.maxFileSize / 1024 / 1024) > 0) {
+                formatSize = (this.maxFileSize / 1024 / 1024).toFixed(2) + 'MB';
+            } else if (parseInt(this.maxFileSize / 1024) > 0) {
+                formatSize = (this.maxFileSize / 1024).toFixed(2) + 'kB';
+            } else {
+                formatSize = options.maxFileSize.toFixed(2) + 'Byte';
+            }
+            console.warn('FILE IS TOO LARGER MAX FILE IS ' + formatSize);
+            return this.__dispatch('errorhandle','FILE IS TOO LARGER MAX FILE IS ' + formatSize);
+        }
+
+        if (this.multipleSize > 0 && e.target.files.length > this.multipleSize) {
+              console.warn('FILE NUM IS LARGER THAN ' + this.multipleSize);
+              return this.__dispatch('errorhandle', 'FILE NUM OVERLOAD');
+        }
+
+        this.files = e.target.files;
+        if (this.crop || this.resize) {
+          this.__showImage();
+          return;
+        }
+        this. __dispatch('imagechanged', this.files.length > 1 ? this.files : this.files[0]);
+        if (this.compress && this.files[0]['type'] !== 'image/png' && this.files[0]['type'] !== 'image/gif') {
+          canvasHelper.compress(this.files[0], 100 - this.compress, (code) => {
+            this.tryAjaxUpload('', true, code);
+          });
+        } else {
+          this.tryAjaxUpload();
+        }
+      },
+      __showImage() {
+        this.hasImage = true;
+        this.__readFiles();
+      },
+
+      __readFiles() {
+        let reader = new FileReader();
+        let self = this;
+        reader.onload = function(e) {
+          let src = e.target.result;
+          overflowVal = document.body.style.overflow;
+          document.body.style.overflow = 'hidden';
+          self.__initImage(src);
+        }
+        reader.readAsDataURL(this.files[0]);
+      },
+
+      // set the image size
+      __initImage(src) {
+        let pic = new Image();
+        let self = this;
+        pic.src = src;
+        const cropBox = this.$refs.cropBox;
+        pic.onload= function() {
+          self.image.minProgress = self.minWidth / pic.naturalWidth;
+          canvasHelper.init(src, (src) => {
+            self.imgChangeRatio = cropBox.setImage(src, pic.naturalWidth, pic.naturalHeight);
+          });
+        }
+      },
+
+      resizeImage(progress) {
+        const cropBox = this.$refs.cropBox;
+        cropBox.resizeImage(progress);
+      },
+
+      doRotate(e) {
+        let self = this;
+        const cropBox = this.$refs.cropBox;
+        const targetImage = cropBox.getCropImage();
+        this.data.compress = 100 - this.compress;
+        return canvasHelper.rotate(targetImage, 1, (src) => {
+            self.__initImage(src)
+          })
+      },
+
+      doReverseRotate(e) {
+        let self = this;
+        const cropBox = this.$refs.cropBox;
+        const targetImage = cropBox.getCropImage();
+        this.data.compress = 100 - this.compress;
+        return canvasHelper.rotate(targetImage, -1, (src) => {
+            self.__initImage(src)
+          })
+      },
+
+      doCrop(e) {
+        this.__setData('crop');
+        const cropBox = this.$refs.cropBox;
+        const upload = this.__setUpload(e.target);
+        if (this.crop === 'local') {
+          const targetImage = cropBox.getCropImage();
+          this.data.compress = 100 - this.compress;
+          return canvasHelper.crop(targetImage, this.data, (code) => {
+            upload(code);
+            this.__dispatch('imagechanged', code);
+          })
+        }
+        upload();
+      },
+
+      doResize(e) {
+        this.__setData('resize');
+        const cropBox = this.$refs.cropBox;
+        const upload = this.__setUpload(e.target);
+        if (this.resize === 'local') {
+          const targetImage = cropBox.getCropImage();
+          this.data.compress = 100 - this.compress;
+          return canvasHelper.resize(targetImage, this.data, (code) => {
+            upload(code);
+            this.__dispatch('imagechanged', code);
+          })
+        }
+        upload();
+      },
+
+      __setData(type) {
+        if (typeof this.data !== 'object') {
+          this.data = {};
+        }
+        this.data["request"] = type;
+        const cropBox = this.$refs.cropBox;
+        const newCSSObj = cropBox.getCropData();
+        for (const k of Object.keys(newCSSObj)) {
+          this.data[k] = newCSSObj[k];
+        }
+        if (this.maxWidth) {
+          this.data['maxWidth'] = this.maxWidth;
+        }
+        if (this.maxHeight) {
+          this.data['maxHeight'] = this.maxHeight;
+        }
+        if (this.minWidth) {
+          this.data['minWidth'] = this.minWidth;
+        }
+      },
+
+      __setUpload(btn) {
+        const upload = (code) => {
+          btn.value = btn.value + '...';
+          btn.disabled = true;
+          this.tryAjaxUpload(() => {
+            btn.value = btn.value.replace('...','');
+            btn.disabled = false;
+          }, code ? true: false, code);
+        };
+        return upload;
+      },
+
+      cancel() {
+        this.hasImage = false;
+        document.body.style.overflow = overflowVal;
+        this.files = '';
+        const cropBox = this.$refs.cropBox;
+        cropBox.setOriginalSrc(null);
+        document.querySelector('#g-core-upload-input-' + this.formID).value = '';
+      },
+
+      // use ajax upload  IE10+
+      tryAjaxUpload(callback, isBinary, base64Code) {
+        const self = this;
+        this. __dispatch('imageuploading',this.files[0]);
+        const done = function(res) {
+          if(typeof callback === 'function') {
+            callback();
+          }
+          self.uploading = false;
+          self.cancel();
+          self.__dispatch('imageuploaded',res, self.data);
+        };
+        const errorUpload = function(err) {
+          self.__dispatch('errorhandle', err);
+        };
+        if (!this.isXhr) {
+          if(this.crop) {
+            this.hasImage = false;
+          }
+          return typeof callback === 'function' && callback();
+        }
+        let data;
+        if (isBinary) {
+          data = {
+            type: this.files[0]['type'],
+            filename: this.files[0]['name'],
+            filed: this.inputOfFile,
+            base64Code: base64Code
+          };
+          if (typeof this.data === 'object') {
+            data = Object.assign(this.data, data);
+          }
+        } else {
+          data = new FormData();
+          for (let i=0;i<this.files.length;i++) {
+            data.append(this.name, this.files[i]);
+          }
+          if (typeof this.data === 'object') {
+            for(let k in this.data) {
+              if(this.data[k] !== undefined) {
+                data.append(k,this.data[k]);
+              }
+            }
+          }
+        }
+        xhr('POST',this.url, this.headers, data, done, errorUpload, isBinary, this.credentials);
+      },
+    },
+
+  };
+
+</script>
diff --git a/index.js b/index.js
index b62eec3..5b6e489 100644
--- a/index.js
+++ b/index.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueCoreImageUpload=e():t.VueCoreImageUpload=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},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,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=94)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var o=n(24)("wks"),r=n(14),i=n(0).Symbol,a="function"==typeof i;(t.exports=function(t){return o[t]||(o[t]=a&&i[t]||(a?i:r)("Symbol."+t))}).store=o},function(t,e){var n=t.exports={version:"2.4.0"};"number"==typeof __e&&(__e=n)},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var o=n(68),r=n(17);t.exports=function(t){return o(r(t))}},function(t,e,n){t.exports=!n(9)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var o=n(7),r=n(13);t.exports=n(5)?function(t,e,n){return o.f(t,e,r(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var o=n(8),r=n(31),i=n(26),a=Object.defineProperty;e.f=n(5)?Object.defineProperty:function(t,e,n){if(o(t),e=i(e,!0),o(n),r)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var o=n(11);t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var o=n(36),r=n(18);t.exports=Object.keys||function(t){return o(t,r)}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports={}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+o).toString(36))}},function(t,e,n){"use strict";t.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),setCssText:function(t){var e=[];for(var n in t){var o=t[n];"number"==typeof o&&(o+="px"),e.push(n+":"+o+";")}return e.join("")}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var o=n(0),r=n(2),i=n(65),a=n(6),s=function(t,e,n){var c,u,f,p=t&s.F,l=t&s.G,d=t&s.S,h=t&s.P,g=t&s.B,m=t&s.W,A=l?r:r[e]||(r[e]={}),v=A.prototype,y=l?o:d?o[e]:(o[e]||{}).prototype;l&&(n=e);for(c in n)(u=!p&&y&&void 0!==y[c])&&c in A||(f=u?y[c]:n[c],A[c]=l&&"function"!=typeof y[c]?n[c]:g&&u?i(f,o):m&&y[c]==f?function(t){var e=function(e,n,o){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,o)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):h&&"function"==typeof f?i(Function.call,f):f,h&&((A.virtual||(A.virtual={}))[c]=f,t&s.R&&v&&!v[c]&&a(v,c,f)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e){t.exports=!0},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var o=n(7).f,r=n(3),i=n(1)("toStringTag");t.exports=function(t,e,n){t&&!r(t=n?t:t.prototype,i)&&o(t,i,{configurable:!0,value:e})}},function(t,e,n){var o=n(24)("keys"),r=n(14);t.exports=function(t){return o[t]||(o[t]=r(t))}},function(t,e,n){var o=n(0),r=o["__core-js_shared__"]||(o["__core-js_shared__"]={});t.exports=function(t){return r[t]||(r[t]={})}},function(t,e){var n=Math.ceil,o=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?o:n)(t)}},function(t,e,n){var o=n(11);t.exports=function(t,e){if(!o(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!o(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var o=n(0),r=n(2),i=n(20),a=n(28),s=n(7).f;t.exports=function(t){var e=r.Symbol||(r.Symbol=i?{}:o.Symbol||{});"_"==t.charAt(0)||t in e||s(e,t,{value:a.f(t)})}},function(t,e,n){e.f=n(1)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default="data:image/gif;base64,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"},function(t,e,n){var o=n(11),r=n(0).document,i=o(r)&&o(r.createElement);t.exports=function(t){return i?r.createElement(t):{}}},function(t,e,n){t.exports=!n(5)&&!n(9)(function(){return 7!=Object.defineProperty(n(30)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){"use strict";var o=n(20),r=n(19),i=n(37),a=n(6),s=n(3),c=n(12),u=n(70),f=n(22),p=n(77),l=n(1)("iterator"),d=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,g,m,A,v){u(n,e,g);var y,x,b,w=function(t){if(!d&&t in E)return E[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},C=e+" Iterator",S="values"==m,I=!1,E=t.prototype,O=E[l]||E["@@iterator"]||m&&E[m],_=O||w(m),k=m?S?w("entries"):_:void 0,B="Array"==e?E.entries||O:O;if(B&&(b=p(B.call(new t)))!==Object.prototype&&(f(b,C,!0),o||s(b,l)||a(b,l,h)),S&&O&&"values"!==O.name&&(I=!0,_=function(){return O.call(this)}),o&&!v||!d&&!I&&E[l]||a(E,l,_),c[e]=_,c[C]=h,m)if(y={values:S?_:w("values"),keys:A?_:w("keys"),entries:k},v)for(x in y)x in E||i(E,x,y[x]);else r(r.P+r.F*(d||I),e,y);return y}},function(t,e,n){var o=n(8),r=n(74),i=n(18),a=n(23)("IE_PROTO"),s=function(){},c=function(){var t,e=n(30)("iframe"),o=i.length;for(e.style.display="none",n(67).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),c=t.F;o--;)delete c.prototype[i[o]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(s.prototype=o(t),n=new s,s.prototype=null,n[a]=t):n=c(),void 0===e?n:r(n,e)}},function(t,e,n){var o=n(36),r=n(18).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return o(t,r)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var o=n(3),r=n(4),i=n(63)(!1),a=n(23)("IE_PROTO");t.exports=function(t,e){var n,s=r(t),c=0,u=[];for(n in s)n!=a&&o(s,n)&&u.push(n);for(;e.length>c;)o(s,n=e[c++])&&(~i(u,n)||u.push(n));return u}},function(t,e,n){t.exports=n(6)},function(t,e,n){var o=n(17);t.exports=function(t){return Object(o(t))}},function(t,e,n){"use strict";var o=n(79)(!0);n(32)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=o(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){n(84);for(var o=n(0),r=n(6),i=n(12),a=n(1)("toStringTag"),s=["NodeList","DOMTokenList","MediaList","StyleSheetList","CSSRuleList"],c=0;c<5;c++){var u=s[c],f=o[u],p=f&&f.prototype;p&&!p[a]&&r(p,a,u),i[u]=i.Array}},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var a=e[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(t,e){function n(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=f[o.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](o.parts[i]);for(;i<o.parts.length;i++)r.parts.push(s(o.parts[i],e))}else{for(var a=[],i=0;i<o.parts.length;i++)a.push(s(o.parts[i],e));f[o.id]={id:o.id,refs:1,parts:a}}}}function o(t){for(var e=[],n={},o=0;o<t.length;o++){var r=t[o],i=r[0],a=r[1],s=r[2],c=r[3],u={css:a,media:s,sourceMap:c};n[i]?n[i].parts.push(u):e.push(n[i]={id:i,parts:[u]})}return e}function r(t,e){var n=d(),o=m[m.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),m.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function i(t){t.parentNode.removeChild(t);var e=m.indexOf(t);e>=0&&m.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",r(t,e),e}function s(t,e){var n,o,r;if(e.singleton){var s=g++;n=h||(h=a(e)),o=c.bind(null,n,s,!1),r=c.bind(null,n,s,!0)}else n=a(e),o=u.bind(null,n),r=function(){i(n)};return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}function c(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=A(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function u(t,e){var n=e.css,o=e.media,r=e.sourceMap;if(o&&t.setAttribute("media",o),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var f={},p=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}},l=p(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),d=p(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,g=0,m=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},void 0===e.singleton&&(e.singleton=l()),void 0===e.insertAt&&(e.insertAt="bottom");var r=o(t);return n(r,e),function(t){for(var i=[],a=0;a<r.length;a++){var s=r[a],c=f[s.id];c.refs--,i.push(c)}if(t){n(o(t),e)}for(var a=0;a<i.length;a++){var c=i[a];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete f[c.id]}}}};var A=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(53),i=o(r),a=n(52),s=o(a),c=n(56),u=o(c),f=n(49),p=o(f),l=n(29),d=o(l),h=n(46),g=o(h),m=n(50),A=o(m),v=n(93),y=o(v);e.default={components:{Crop:y.default},props:A.default,data:function(){return{files:[],hasImage:!1,options:this.props,uploading:!1,formID:(1e4*Math.random()+"").split(".")[0],image:{src:d.default,width:24,height:24}}},computed:{name:function(){return this.multiple?this.inputOfFile+"[]":this.inputOfFile}},methods:{__dispatch:function(t,e){this.$emit&&this.$emit(t,e)},__find:function(t){return document.querySelector("#vciu-modal-"+this.formID).querySelector(t)},change:function(t){var e=this,n=document.querySelector("#g-core-upload-input-"+this.formID).value.replace(/C:\\fakepath\\/i,""),o=n.substring(n.lastIndexOf(".")+1),r=this.extensions.split(",");if(r.length>1){if(!new RegExp("^["+r.join("|")+"]+$","i").test(o))return this.__dispatch("errorhandle","TYPE ERROR")}if(t.target.files[0].size>this.maxFileSize){var i;return i=parseInt(this.maxFileSize/1024/1024)>0?(this.maxFileSize/1024/1024).toFixed(2)+"MB":parseInt(this.maxFileSize/1024)>0?(this.maxFileSize/1024).toFixed(2)+"kB":options.maxFileSize.toFixed(2)+"Byte",console.warn("FILE IS TOO LARGER MAX FILE IS "+i),this.__dispatch("errorhandle","FILE IS TOO LARGER MAX FILE IS "+i)}if(this.files=t.target.files,this.crop)return void this.__showImage();this.__dispatch("imagechanged",this.files[0]),this.compress?g.default.compress(this.files[0],100-this.compress,function(t){e.tryAjaxUpload("",!0,t)}):this.tryAjaxUpload()},__showImage:function(){this.hasImage=!0,this.__readFiles()},__readFiles:function(){var t=new FileReader,e=this;t.onload=function(t){var n=t.target.result;e.__initImage(n)},t.readAsDataURL(this.files[0])},__initImage:function(t){var e=new Image,n=this;e.src=t;var o=this.$refs.cropBox;e.onload=function(){n.imgChangeRatio=o.setImage(t,e.naturalWidth,e.naturalHeight)}},doCrop:function(t){var e=this,n=t.target;n.value=n.value+"...",n.disabled=!0,"object"!==(0,u.default)(this.data)&&(this.data={}),this.data.request="crop";var o=this.$refs.cropBox,r=o.getCropData(),a=!0,c=!1,f=void 0;try{for(var p,l=(0,s.default)((0,i.default)(r));!(a=(p=l.next()).done);a=!0){var d=p.value;this.data[d]=r[d]}}catch(t){c=!0,f=t}finally{try{!a&&l.return&&l.return()}finally{if(c)throw f}}this.maxWidth&&(this.data.maxWidth=this.maxWidth),this.maxHeight&&(this.data.maxHeight=this.maxHeight);var h=function(t){e.tryAjaxUpload(function(){n.value=n.value.replace("...",""),n.disabled=!1},!!t,t)};if("local"===this.crop){var m=o.getCropImage();return this.data.comprose=100-this.compress,g.default.crop(m,this.data,function(t){h(t)})}h()},cancel:function(){this.hasImage=!1,this.files="",document.querySelector("#g-core-upload-input-"+this.formID).value=""},tryAjaxUpload:function(t,e,n){var o=this;this.__dispatch("imageuploading",this.files[0]);var r=function(e){"function"==typeof t&&t(),o.uploading=!1,o.cancel(),o.__dispatch("imageuploaded",e)},i=function(t){o.__dispatch("errorhandle",t)};if(!this.isXhr)return this.crop&&(this.hasImage=!1),"function"==typeof t&&t();var a=void 0;if(e)a={type:this.files[0].type,filename:this.files[0].name,filed:this.inputOfFile,base64Code:n};else{a=new FormData;for(var s=0;s<this.files.length;s++)a.append(this.name,this.files[s])}if("object"===(0,u.default)(this.data))for(var c in this.data)void 0!==this.data[c]&&a.append(c,this.data[c]);(0,p.default)("POST",this.url,this.headers,a,r,i,e)}}}},function(t,e){t.exports='\n  <div class="g-core-image-upload-btn">\n    {{text}}\n    <form class="g-core-image-upload-form" v-show="!hasImage" method="post" enctype="multipart/form-data" action="/api2/common_user/cropHeadUrl" style="display: block; cursor: pointer; position: absolute; left: 0px; top: 0px; width: 1242px; height: 61px; opacity: 0; margin: 0px; padding: 0px; overflow: hidden;">\n      <input v-bind:disabled="uploading" v-bind:id="\'g-core-upload-input-\' + formID" v-bind:name="name" v-bind:multiple="multiple" type="file" v-bind:accept="inputAccept" v-on:change="change" style="width: 100%; height: 100%;">\n    </form>\n    <div class="g-core-image-corp-container" v-bind:id="\'vciu-modal-\' + formID" v-show="hasImage">\n      <div class="image-aside">\n        <div class="g-crop-image-box">\n          <crop :form-id="formID" ref="cropBox" :ratio="cropRatio"></crop>\n        </div>\n      </div>\n      <div class="info-aside">\n        <p class="btn-groups">\n          <button type="button" v-on:click="doCrop" class="btn btn-upload">{{cropBtn.ok}}</button>\n          <button type="button" v-on:click="cancel()" class="btn btn-cancel">{{cropBtn.cancel}}</button>\n        </p>\n        <p class="btn-groups">\n          <button type="button" v-on:click="doCrop" class="btn btn-upload">{{ResizeBtn.ok}}</button>\n          <button type="button" v-on:click="cancel()" class="btn btn-cancel">{{ResizeBtn.cancel}}</button>\n        </p>\n      </div>\n  </div>\n</div>\n'},function(t,e,n){var o=n(90);"string"==typeof o&&(o=[[t.i,o,""]]);n(42)(o,{});o.locals&&(t.exports=o.locals)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={_getImageType:function(t){var e="image/jpeg",n=t.match(/(image\/[\w]+)\.*/)[0];return void 0!==n&&(e=n),e},compress:function(t,e,n){var o=new FileReader,r=this;o.onload=function(o){var i=new Image;i.src=o.target.result,i.onload=function(){var o=r._getImageType(t.type),a=r._getCanvas(i.naturalWidth,i.naturalHeight),s=(a.getContext("2d").drawImage(i,0,0),a.toDataURL(o,e/100));n(s)}},o.readAsDataURL(t)},crop:function(t,e,n){var o=function(t){return"number"==typeof t};if(o(e.toCropImgX)&&o(e.toCropImgY)&&e.toCropImgW>0&&e.toCropImgH>0){var r=e.toCropImgW,i=e.toCropImgH;e.maxWidth&&e.maxWidth<r&&(r=e.maxWidth,i=e.toCropImgH*r/e.toCropImgW),e.maxHeight&&e.maxHeight<i&&(i=e.maxHeight);var a=this._getCanvas(r,i),s=(a.getContext("2d").drawImage(t,e.toCropImgX,e.toCropImgY,e.toCropImgW,e.toCropImgH,0,0,r,i),this._getImageType(t.src));n(a.toDataURL(s,e.compress/100))}},_loadImage:function(t,e){var n=new Image;n.src=t,n.onload=function(){e(n)},n.onerror=function(){console.log("Error: image error!")}},_getCanvas:function(t,e){var n=document.createElement("canvas");return n.width=t,n.height=e,n}}},function(t,e,n){"use strict";function o(t,e,n){if(e){var o=a?t.changedTouches[0].clientX:t.clientX,r=a?t.changedTouches[0].clientY:t.clientY,i=o-e.parentElement.offsetLeft-document.getElementsByClassName("image-aside")[0].offsetLeft-n.x,s=r-e.parentElement.offsetTop-document.getElementsByClassName("image-aside")[0].offsetTop-n.y;return i<=0&&(i=0),i>=n.maxLeft&&(i=n.maxLeft),s<=0&&(s=0),s>=n.maxTop&&(s=n.maxTop),{left:i,top:s}}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=n(15),i=function(t){return t&&t.__esModule?t:{default:t}}(r),a=i.default.isMobile},function(t,e,n){"use strict";function o(t,e,n,o,r){if(e){var i=document.body.offsetHeight,c=1/r,u=parseInt(window.getComputedStyle(n).width),f=parseInt(window.getComputedStyle(n).height),p=document.querySelector(".info-aside"),l=(s-u)/2,d=parseInt(window.getComputedStyle(p).height),h=(i-f-d)/2,g=a?t.changedTouches[0].clientX:t.clientX,m=a?t.changedTouches[0].clientY:t.clientY,A=parseInt(e.offsetWidth),v=parseInt(e.offsetHeight),y={};return r>=1&&g<=l+u?(A>=u&&(y.width=u),y.width=o.w+g-o.x,y.height=A*c,u>f?A>=f&&(y.height=f,y.width=f*r):A>=u&&(y.width=u,y.height=u*c)):r<1&&m<h+f+d?(y.height=o.h+m-o.y,y.width=parseInt(e.style.height)*r,u>f?v>=f&&(y.height=f,y.width=f*r):A>=u&&(y.width=u,y.height=u*c)):"auto"==r&&m<=h+f+d&&g<=h+u?(y.height=o.h+m-o.y,y.width=o.w+g-o.x):g<=$halfX+u&&(y.width=o.w+g-o.x,y.height=e.style.width,u>f?v>=f&&(y.height=f,y.width=f):u<f?A>=u&&(y.width=u,y.height=u):A>=u&&(y.width=e.style.height=u)),y}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var r=n(15),i=function(t){return t&&t.__esModule?t:{default:t}}(r),a=i.default.isMobile,s=document.body.offsetWidth},function(t,e,n){"use strict";var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};void 0===XMLHttpRequest.prototype.sendAsBinary&&(XMLHttpRequest.prototype.sendAsBinary=function(t){var e=Array.prototype.map.call(t,function(t){return 255&t.charCodeAt(0)});this.send(new Uint8Array(e).buffer)}),t.exports=function(t,e,n,r,i,a,s){function c(t){for(var e={},n=/([a-z\-]+):\s?(.*);?/gi,o=void 0;o=n.exec(t);)e[o[1]]=o[2];return e}var u=new XMLHttpRequest,f=a||function(){console.error("AJAX ERROR!")},p="vuecodeimageupload",l=!1;"blob"===t&&(l=t,t="GET"),console.log(r),t=t.toUpperCase(),u.onload=function(){var e=u.response;try{e=JSON.parse(u.responseText)}catch(t){401===u.status&&(e=f("access_denied",u.statusText))}var n=c(u.getAllResponseHeaders());n.statusCode=u.status,i(e||("GET"===t?f("empty_response","Could not get resource"):{}),n)},u.onerror=function(){var t=u.responseText;try{t=JSON.parse(u.responseText)}catch(t){console.error(t)}i(t||f("access_denied","Could not get resource"))};var d=void 0;if("GET"===t||"DELETE"===t)r=null;else if(s){var h=r,g=r.base64Code.replace("data:"+r.type+";base64,","");r=["--"+p,'Content-Disposition: form-data; name="'+r.filed+'"; filename="'+r.filename+'"',"Content-Type: "+r.type,"",window.atob(g),""].join("\r\n");var m=Object.keys(h);if(m.length>4){var A=!0,v=!1,y=void 0;try{for(var x,b=m[Symbol.iterator]();!(A=(x=b.next()).done);A=!0){var w=x.value;-1==["filed","filename","type","base64Code"].indexOf(w)&&(r+=["--"+p,'Content-Disposition: form-data; name="'+w+'";',"",""].join("\r\n"),r+=["object"===o(h[w])?JSON.stringify(h[w]):h[w],""].join("\r\n"))}}catch(a){v=!0,y=a}finally{try{!A&&b.return&&b.return()}finally{if(v)throw y}}}r+="--"+p+"--"}if(u.open(t,e,!0),l&&("responseType"in u?u.responseType=l:u.overrideMimeType("text/plain; charset=x-user-defined")),n){for(d in n)u.setRequestHeader(d,n[d]);s&&u.setRequestHeader("Content-Type","multipart/form-data; boundary="+p)}return s?u.sendAsBinary(r):(u.withCredentials=!0,u.send(r),u)}},function(t,e){throw new Error("Module build failed: SyntaxError: Unexpected token (46:13)\n\n  44 |   ResizeBtn: {\n  45 |     type: Object,\n> 46 |     default: return {\n     |              ^\n  47 |       ok: 'Ok',\n  48 |       cancel: 'Cancel'\n  49 |     }\n")},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=n(47),i=o(r),a=n(48),s=o(a),c=n(29),u=o(c),f=n(15),p=o(f);e.default={props:{formId:{type:String,default:""},ratio:{type:String,default:"1:1"}},data:function(){return{src:u.default,width:24,height:24,cropCSS:{}}},methods:{setImage:function(t,e,n){this.src=t,this.ratio.indexOf(":")>0?(this.ratioW=this.ratio.split(":")[0],this.ratioH=this.ratio.split(":")[1],this.ratioVal=this.ratioW/this.ratioH):(this.ratioW=1,this.ratioH=1,this.ratioVal=this.ratio),this.setLayout(e,n),this.setCropBox()},setLayout:function(t,e){var n=window.innerHeight-80,o=window.innerWidth-60,r=t,i=e,a=r/i,s=o/n,c=this.$el;a>s?(r=o,i=o/a,c.style.cssText="width:"+o+"px;height:"+o/a+"px;margin-top:"+(n-o/a)/2+"px"):(r=n*a,i=n,c.style.cssText="width:"+n*a+"px;height:"+n+"px;margin-left:"+(o-n*a)/2+"px;"),this.imgChangeRatio=r/t,this.width=r,this.height=i},setCropBox:function(){var t=this.__find(".crop-box"),e=(this.$el,this.width),n=this.height,o=this.ratioW,r=this.ratioH,i=e/100*75,a={width:i,height:i/o*r};if(a.left=(e-i)/2,a.top=(n-a.height)/2,t.style.cssText=p.default.setCssText(a),a.height>n){var s=n/100*75;a.height=s,a.width=a.height*o/r,a.left=(e-a.width)/2,a.top=(n-a.height)/2,t.style.cssText=p.default.setCssText(a)}this.cropCSS=a},getCropData:function(){return{toCropImgX:this.cropCSS.left/this.imgChangeRatio,toCropImgY:this.cropCSS.top/this.imgChangeRatio,toCropImgW:this.cropCSS.width/this.imgChangeRatio,toCropImgH:this.cropCSS.height/this.imgChangeRatio}},getCropImage:function(){return this.$refs["crop-image"]},__find:function(t){return document.querySelector("#vciu-modal-"+this.formId).querySelector(t)},resize:function(t){t.stopPropagation();var e=t.target.parentElement,n=this.__find(".g-crop-image-principal");this._$container&&(this._$container=container);var o=this,r={x:p.default.isMobile?t.touches[0].clientX:t.clientX,y:p.default.isMobile?t.touches[0].clientY:t.clientY,w:parseInt(window.getComputedStyle(e).width,10),h:parseInt(window.getComputedStyle(e).height,10)};this.el=e,this.container=n;var i=function(t){var e=(0,s.default)(t,o.el,n,r,o.ratioVal);e&&(o.cropCSS.width=e.width,o.cropCSS.height=e.height)},a=function t(e){this.el=null,p.default.isMobile&&(document.removeEventListener("touchmove",i,!1),document.removeEventListener("touchend",t,!1)),document.removeEventListener("mousemove",i,!1),document.removeEventListener("mouseup",t,!1)};p.default.isMobile&&(document.addEventListener("touchmove",i,!1),document.addEventListener("touchend",a,!1)),document.addEventListener("mousemove",i,!1),document.addEventListener("mouseup",a,!1)},drag:function(t){t.preventDefault();var e=t.target;this.el=e;var n=this.$el,o=document.getElementsByClassName("image-aside")[0],r=this,a=p.default.isMobile,s={x:(a?t.touches[0].clientX:t.clientX)-e.offsetLeft-e.parentElement.offsetLeft-o.offsetLeft,y:(a?t.touches[0].clientY:t.clientY)-e.offsetTop-e.parentElement.offsetTop-o.offsetTop,posX:a?t.touches[0].clientX:t.clientX,posy:a?t.touches[0].clientY:t.clientY,maxLeft:parseInt(n.style.width)-parseInt(e.style.width),maxTop:parseInt(n.style.height)-parseInt(e.style.height)},c=function(t){var e=(0,i.default)(t,r.el,s);e&&(r.cropCSS.left=e.left,r.cropCSS.top=e.top)},u=function t(e){if(r.el=null,a)return document.removeEventListener("touchmove",c,!1),void document.removeEventListener("touchend",t,!1);document.removeEventListener("mousemove",c,!1),document.removeEventListener("mouseup",t,!1)};if(a)return document.addEventListener("touchmove",c,!1),void document.addEventListener("touchend",u,!1);document.addEventListener("mousemove",c,!1),document.addEventListener("mouseup",u,!1)}}}},function(t,e,n){t.exports={default:n(57),__esModule:!0}},function(t,e,n){t.exports={default:n(58),__esModule:!0}},function(t,e,n){t.exports={default:n(59),__esModule:!0}},function(t,e,n){t.exports={default:n(60),__esModule:!0}},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var r=n(55),i=o(r),a=n(54),s=o(a),c="function"==typeof s.default&&"symbol"==typeof i.default?function(t){return typeof t}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":typeof t};e.default="function"==typeof s.default&&"symbol"===c(i.default)?function(t){return void 0===t?"undefined":c(t)}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":void 0===t?"undefined":c(t)}},function(t,e,n){n(40),n(39),t.exports=n(83)},function(t,e,n){n(85),t.exports=n(2).Object.keys},function(t,e,n){n(87),n(86),n(88),n(89),t.exports=n(2).Symbol},function(t,e,n){n(39),n(40),t.exports=n(28).f("iterator")},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(){}},function(t,e,n){var o=n(4),r=n(81),i=n(80);t.exports=function(t){return function(e,n,a){var s,c=o(e),u=r(c.length),f=i(a,u);if(t&&n!=n){for(;u>f;)if((s=c[f++])!=s)return!0}else for(;u>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var o=n(16),r=n(1)("toStringTag"),i="Arguments"==o(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),r))?n:i?o(e):"Object"==(s=o(e))&&"function"==typeof e.callee?"Arguments":s}},function(t,e,n){var o=n(61);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,r){return t.call(e,n,o,r)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var o=n(10),r=n(35),i=n(21);t.exports=function(t){var e=o(t),n=r.f;if(n)for(var a,s=n(t),c=i.f,u=0;s.length>u;)c.call(t,a=s[u++])&&e.push(a);return e}},function(t,e,n){t.exports=n(0).document&&document.documentElement},function(t,e,n){var o=n(16);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e,n){var o=n(16);t.exports=Array.isArray||function(t){return"Array"==o(t)}},function(t,e,n){"use strict";var o=n(33),r=n(13),i=n(22),a={};n(6)(a,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=o(a,{next:r(1,n)}),i(t,e+" Iterator")}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var o=n(10),r=n(4);t.exports=function(t,e){for(var n,i=r(t),a=o(i),s=a.length,c=0;s>c;)if(i[n=a[c++]]===e)return n}},function(t,e,n){var o=n(14)("meta"),r=n(11),i=n(3),a=n(7).f,s=0,c=Object.isExtensible||function(){return!0},u=!n(9)(function(){return c(Object.preventExtensions({}))}),f=function(t){a(t,o,{value:{i:"O"+ ++s,w:{}}})},p=function(t,e){if(!r(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,o)){if(!c(t))return"F";if(!e)return"E";f(t)}return t[o].i},l=function(t,e){if(!i(t,o)){if(!c(t))return!0;if(!e)return!1;f(t)}return t[o].w},d=function(t){return u&&h.NEED&&c(t)&&!i(t,o)&&f(t),t},h=t.exports={KEY:o,NEED:!1,fastKey:p,getWeak:l,onFreeze:d}},function(t,e,n){var o=n(7),r=n(8),i=n(10);t.exports=n(5)?Object.defineProperties:function(t,e){r(t);for(var n,a=i(e),s=a.length,c=0;s>c;)o.f(t,n=a[c++],e[n]);return t}},function(t,e,n){var o=n(21),r=n(13),i=n(4),a=n(26),s=n(3),c=n(31),u=Object.getOwnPropertyDescriptor;e.f=n(5)?u:function(t,e){if(t=i(t),e=a(e,!0),c)try{return u(t,e)}catch(t){}if(s(t,e))return r(!o.f.call(t,e),t[e])}},function(t,e,n){var o=n(4),r=n(34).f,i={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(t){try{return r(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==i.call(t)?s(t):r(o(t))}},function(t,e,n){var o=n(3),r=n(38),i=n(23)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),o(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var o=n(19),r=n(2),i=n(9);t.exports=function(t,e){var n=(r.Object||{})[t]||Object[t],a={};a[t]=e(n),o(o.S+o.F*i(function(){n(1)}),"Object",a)}},function(t,e,n){var o=n(25),r=n(17);t.exports=function(t){return function(e,n){var i,a,s=String(r(e)),c=o(n),u=s.length;return c<0||c>=u?t?"":void 0:(i=s.charCodeAt(c),i<55296||i>56319||c+1===u||(a=s.charCodeAt(c+1))<56320||a>57343?t?s.charAt(c):i:t?s.slice(c,c+2):a-56320+(i-55296<<10)+65536)}}},function(t,e,n){var o=n(25),r=Math.max,i=Math.min;t.exports=function(t,e){return t=o(t),t<0?r(t+e,0):i(t,e)}},function(t,e,n){var o=n(25),r=Math.min;t.exports=function(t){return t>0?r(o(t),9007199254740991):0}},function(t,e,n){var o=n(64),r=n(1)("iterator"),i=n(12);t.exports=n(2).getIteratorMethod=function(t){if(void 0!=t)return t[r]||t["@@iterator"]||i[o(t)]}},function(t,e,n){var o=n(8),r=n(82);t.exports=n(2).getIterator=function(t){var e=r(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return o(e.call(t))}},function(t,e,n){"use strict";var o=n(62),r=n(71),i=n(12),a=n(4);t.exports=n(32)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,r(1)):"keys"==e?r(0,n):"values"==e?r(0,t[n]):r(0,[n,t[n]])},"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},function(t,e,n){var o=n(38),r=n(10);n(78)("keys",function(){return function(t){return r(o(t))}})},function(t,e){},function(t,e,n){"use strict";var o=n(0),r=n(3),i=n(5),a=n(19),s=n(37),c=n(73).KEY,u=n(9),f=n(24),p=n(22),l=n(14),d=n(1),h=n(28),g=n(27),m=n(72),A=n(66),v=n(69),y=n(8),x=n(4),b=n(26),w=n(13),C=n(33),S=n(76),I=n(75),E=n(7),O=n(10),_=I.f,k=E.f,B=S.f,M=o.Symbol,Q=o.JSON,j=Q&&Q.stringify,D=d("_hidden"),R=d("toPrimitive"),L={}.propertyIsEnumerable,T=f("symbol-registry"),H=f("symbols"),G=f("op-symbols"),N=Object.prototype,F="function"==typeof M,P=o.QObject,Y=!P||!P.prototype||!P.prototype.findChild,J=i&&u(function(){return 7!=C(k({},"a",{get:function(){return k(this,"a",{value:7}).a}})).a})?function(t,e,n){var o=_(N,e);o&&delete N[e],k(t,e,n),o&&t!==N&&k(N,e,o)}:k,W=function(t){var e=H[t]=C(M.prototype);return e._k=t,e},U=F&&"symbol"==typeof M.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof M},q=function(t,e,n){return t===N&&q(G,e,n),y(t),e=b(e,!0),y(n),r(H,e)?(n.enumerable?(r(t,D)&&t[D][e]&&(t[D][e]=!1),n=C(n,{enumerable:w(0,!1)})):(r(t,D)||k(t,D,w(1,{})),t[D][e]=!0),J(t,e,n)):k(t,e,n)},K=function(t,e){y(t);for(var n,o=A(e=x(e)),r=0,i=o.length;i>r;)q(t,n=o[r++],e[n]);return t},z=function(t,e){return void 0===e?C(t):K(C(t),e)},X=function(t){var e=L.call(this,t=b(t,!0));return!(this===N&&r(H,t)&&!r(G,t))&&(!(e||!r(this,t)||!r(H,t)||r(this,D)&&this[D][t])||e)},V=function(t,e){if(t=x(t),e=b(e,!0),t!==N||!r(H,e)||r(G,e)){var n=_(t,e);return!n||!r(H,e)||r(t,D)&&t[D][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=B(x(t)),o=[],i=0;n.length>i;)r(H,e=n[i++])||e==D||e==c||o.push(e);return o},$=function(t){for(var e,n=t===N,o=B(n?G:x(t)),i=[],a=0;o.length>a;)!r(H,e=o[a++])||n&&!r(N,e)||i.push(H[e]);return i};F||(M=function(){if(this instanceof M)throw TypeError("Symbol is not a constructor!");var t=l(arguments.length>0?arguments[0]:void 0),e=function(n){this===N&&e.call(G,n),r(this,D)&&r(this[D],t)&&(this[D][t]=!1),J(this,t,w(1,n))};return i&&Y&&J(N,t,{configurable:!0,set:e}),W(t)},s(M.prototype,"toString",function(){return this._k}),I.f=V,E.f=q,n(34).f=S.f=Z,n(21).f=X,n(35).f=$,i&&!n(20)&&s(N,"propertyIsEnumerable",X,!0),h.f=function(t){return W(d(t))}),a(a.G+a.W+a.F*!F,{Symbol:M});for(var tt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),et=0;tt.length>et;)d(tt[et++]);for(var tt=O(d.store),et=0;tt.length>et;)g(tt[et++]);a(a.S+a.F*!F,"Symbol",{for:function(t){return r(T,t+="")?T[t]:T[t]=M(t)},keyFor:function(t){if(U(t))return m(T,t);throw TypeError(t+" is not a symbol!")},useSetter:function(){Y=!0},useSimple:function(){Y=!1}}),a(a.S+a.F*!F,"Object",{create:z,defineProperty:q,defineProperties:K,getOwnPropertyDescriptor:V,getOwnPropertyNames:Z,getOwnPropertySymbols:$}),Q&&a(a.S+a.F*(!F||u(function(){var t=M();return"[null]"!=j([t])||"{}"!=j({a:t})||"{}"!=j(Object(t))})),"JSON",{stringify:function(t){if(void 0!==t&&!U(t)){for(var e,n,o=[t],r=1;arguments.length>r;)o.push(arguments[r++]);return e=o[1],"function"==typeof e&&(n=e),!n&&v(e)||(e=function(t,e){if(n&&(e=n.call(this,t,e)),!U(e))return e}),o[1]=e,j.apply(Q,o)}}}),M.prototype[R]||n(6)(M.prototype,R,M.prototype.valueOf),p(M,"Symbol"),p(Math,"Math",!0),p(o.JSON,"JSON",!0)},function(t,e,n){n(27)("asyncIterator")},function(t,e,n){n(27)("observable")},function(t,e,n){e=t.exports=n(41)(),e.push([t.i,".g-core-image-upload-btn{\n  position: relative;\n  overflow: hidden;\n}\n.g-core-image-upload-form{\n  position: absolute;\n  left:0;\n  right: 0;\n  top:0;\n  bottom:0;\n  opacity: 0;\n}\n.g-core-image-upload-container{\n  position: absolute;\n  background: #111;\n  z-index: 900;\n}\n.g-core-image-upload-modal{\n  position: absolute;\n  left:0;\n  right:0;\n  width: 100%;\n  height: 100%;\n  border:1px solid #ccc;\n  z-index: 899;\n}\n.dropped{\n  border:4px solid #ea6153;\n}\n\n.g-core-image-corp-container{\n  z-index: 1900;\n  position:fixed;\n  left:0;\n  right:0;\n  top:0;\n  bottom: 0;\n  background: rgba(0,0,0,.9);\n  color:#f1f1f1;\n}\n.g-core-image-corp-container .image-aside{\n  overflow: hidden;\n  position: absolute;\n  right: 30px;\n  left:30px;\n  top:60px;\n  bottom:20px;\n  text-align: center;\n}\n.g-core-image-corp-container .image-aside img{\n  max-width: 100%;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.g-core-image-corp-container .info-aside{\n  position: absolute;\n  left:0;\n  right: 0;\n  top:0;\n  height: 40px;\n  padding-left: 10px;\n  padding-right: 10px;\n  background: #fefefe;\n  color:#777;\n}\n.g-core-image-corp-container .info-aside .image-corp-preview{\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n  border:2px solid #ccc;\n}\n.g-core-image-corp-container .info-aside .image-corp-preview.circled{\n  border-radius: 160px;\n}\n.g-core-image-corp-container .info-aside .image-corp-preview img{\n  width: 100%;\n}\n.g-core-image-corp-container .info-aside .config-info .image-details{\n  width: 100%;\n  color:#999;\n}\n\n.g-core-image-corp-container .info-aside .config-info .image-details td{\n  border:none;\n  line-height: 24px;\n}\n.g-core-image-corp-container .info-aside .config-info .image-details tr td:first-child{\n  width:36%;\n}\n.g-core-image-corp-container .info-aside .config-info .image-details tr td:last-child{\n  color:#555;\n}\n.g-core-image-corp-container .btn-groups{\n  text-align: right;\n  margin: 5px 0 0;\n}\n.g-core-image-corp-container .btn{\n  display: inline-block;\n  padding: 0 15px;\n  height: 32px;\n  margin-left: 15px;\n  background: #fff;\n  border:1px solid #ccc;\n  border-radius: 2px;\n  font-size: 13px;\n  color:#222;\n  line-height: 32px;\n  -webkit-transition: all .1s ease-in;\n  transition: all .1s ease-in;\n}\n.g-core-image-corp-container .btn:hover{\n  border:1px solid #777;\n  box-shadow: 0 1px 3px rgba(0,0,0,.05);\n}\n.g-core-image-corp-container .btn:active{\n  background: #ddd;\n}\n.g-core-image-corp-container .btn:disabled{\n  background: #eee !important;\n  border-color:#ccc;\n  cursor: not-allowed;\n}\n.g-core-image-corp-container .btn-upload{\n  background: #27ae60;\n  border-color:#27ae60;\n  color:#fff;\n}\n.g-core-image-corp-container .btn-upload:hover{\n  background: #2dc26c;\n  border-color:#27ae60;\n  box-shadow: 0 1px 3px rgba(0,0,0,.05);\n}\n.g-core-image-corp-container .g-crop-image-box,.g-core-image-corp-container .g-crop-image-box .g-crop-image-principal{\n  position: relative;\n\n}\n",""])},function(t,e,n){e=t.exports=n(41)(),e.push([t.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.image-mask[_v-4d676256]{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width:100%;\n  height: 100%;\n}\n.image-mask .mask[_v-4d676256] {\n  position: absolute;\n  background-color: rgba(255,255,255,.6);\n}\n.crop-box[_v-4d676256]{\n  position: absolute;\n  background: none;\n  cursor: move;\n  width:100px;\n  height: 100px;\n  border:1px solid rgba(255,255,255, .95);\n}\n.crop-box[_v-4d676256]:after,\n.crop-box[_v-4d676256]:before{\n  content: '';\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 33.3333%;\n  top: 0;\n  width: 33.334%;\n  height: 100%;\n  background-color: transparent;\n  border-color: rgba(255,255,255,.7);\n  border-style: solid;\n  border-width: 0;\n}\n.crop-box[_v-4d676256]:active::before,\n.crop-box[_v-4d676256]:active::after{\n  opacity: 1;\n}\n.crop-box[_v-4d676256]:before{\n  border-left-width: 1px;\n  border-right-width: 1px;\n}\n.crop-box[_v-4d676256]:after{\n  top: 33.3333%;\n  left: 0;\n  height: 33.3334%;\n  width: 100%;\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n\n}\n.crop-box .g-resize[_v-4d676256]{\n  display: inline-block;\n  z-index: 90;\n  position: absolute;\n  bottom: -8px;\n  right: -8px;\n  width: 16px;\n  height: 16px;\n  cursor: se-resize;\n  border-radius: 10px;\n  background-color: #fff;\n  box-shadow: 0 2px 4px -2px rgba(0,0,0,.25);\n}\n",""])},function(t,e){t.exports='\n<div class="g-crop-image-principal" _v-4d676256="">\n  <div class="image-wrap" :style="{ width:width + \'px\',height: height + \'px\' }" _v-4d676256="">\n    <img ref="crop-image" :src="src" :style="{ width:width + \'px\',height: height + \'px\' }" _v-4d676256="">\n  </div>\n  <div class="image-mask" _v-4d676256="">\n    <div class="mask top" :style="{ top:0, height: cropCSS.top + \'px\', left: 0, width: \'100%\'}" _v-4d676256=""></div>\n    <div class="mask bottom" :style="{ bottom:0, top: (cropCSS.top + cropCSS.height) + \'px\', left: 0, width: \'100%\'}" _v-4d676256=""></div>\n    <div class="mask left" :style="{top: cropCSS.top + \'px\', height: cropCSS.height + \'px\', left:0, width: cropCSS.left + \'px\'}" _v-4d676256=""></div>\n    <div class="mask right" :style="{top: cropCSS.top + \'px\', height: cropCSS.height + \'px\', left: (cropCSS.left + cropCSS.width) + \'px\', right: 0}" _v-4d676256=""></div>\n  </div>\n  <div class="crop-box" v-on:touchstart.self="drag" v-on:mousedown.self="drag" :style="{top: cropCSS.top + \'px\', left: cropCSS.left + \'px\', height: cropCSS.height + \'px\',  width: cropCSS.width + \'px\'}" _v-4d676256="">\n    <div class="reference-line v" _v-4d676256=""></div>\n    <div class="reference-line h" _v-4d676256=""></div>\n    <a class="g-resize" v-on:touchstart.self="resize" v-on:mousedown.self="resize" _v-4d676256=""></a>\n  </div>\n</div>\n'},function(t,e,n){var o,r,i={};n(95),o=n(51),o&&o.__esModule&&Object.keys(o).length>1&&console.warn("[vue-loader] src/crop.vue: named exports in *.vue files are ignored."),r=n(92),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;r&&(a.template=r),a.computed||(a.computed={}),Object.keys(i).forEach(function(t){var e=i[t];a.computed[t]=function(){return e}})},function(t,e,n){var o,r,i={};n(45),o=n(43),o&&o.__esModule&&Object.keys(o).length>1&&console.warn("[vue-loader] src/vue-core-image-upload.vue: named exports in *.vue files are ignored."),r=n(44),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;r&&(a.template=r),a.computed||(a.computed={}),Object.keys(i).forEach(function(t){var e=i[t];a.computed[t]=function(){return e}})},function(t,e,n){var o=n(91);"string"==typeof o&&(o=[[t.i,o,""]]);n(42)(o,{});o.locals&&(t.exports=o.locals)}])});
\ 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.VueCoreImageUpload=e():t.VueCoreImageUpload=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},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,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=106)}([function(t,e,n){"use strict";t.exports={isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),setCssText:function(t){var e=[];for(var n in t){var o=t[n];"number"==typeof o&&(o+="px"),e.push(n+": "+o+";")}return e.join("")}}},function(t,e){var n=t.exports={version:"2.6.11"};"number"==typeof __e&&(__e=n)},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var o=n(33)("wks"),i=n(22),r=n(2).Symbol,a="function"==typeof r;(t.exports=function(t){return o[t]||(o[t]=a&&r[t]||(a?r:i)("Symbol."+t))}).store=o},function(t,e,n){t.exports=!n(6)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var o=n(8),i=n(20);t.exports=n(4)?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var o=n(10),i=n(39),r=n(35),a=Object.defineProperty;e.f=n(4)?Object.defineProperty:function(t,e,n){if(o(t),e=r(e,!0),o(n),i)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var o=n(40),i=n(28);t.exports=function(t){return o(i(t))}},function(t,e,n){var o=n(11);t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var o=n(44),i=n(29);t.exports=Object.keys||function(t){return o(t,i)}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={_getImageType:function(t){var e="image/jpeg",n=t.match(/(image\/[\w]+)\.*/)[0];return void 0!==n&&(e=n),e},compress:function(t,e,n){var o=new FileReader,i=this;o.onload=function(o){var r=new Image;r.src=o.target.result,r.onload=function(){var o=i._getImageType(t.type),a=i._getCanvas(r.naturalWidth,r.naturalHeight),s=(a.getContext("2d").drawImage(r,0,0),a.toDataURL(o,e/100));n(s)}},o.readAsDataURL(t)},crop:function(t,e,n){var o=function(t){return"number"==typeof t};if(o(e.toCropImgX)&&o(e.toCropImgY)&&e.toCropImgW>0&&e.toCropImgH>0){var i=e.toCropImgW,r=e.toCropImgH;e.maxWidth&&e.maxWidth<i&&(i=e.maxWidth,r=e.toCropImgH*i/e.toCropImgW),e.maxHeight&&e.maxHeight<r&&(r=e.maxHeight);var a=this._getCanvas(i,r),s=(a.getContext("2d").drawImage(t,e.toCropImgX,e.toCropImgY,e.toCropImgW,e.toCropImgH,0,0,i,r),this._getImageType(t.src));n(a.toDataURL(s,e.compress/100))}},init:function(t,e){var n=new Image;n.src=t;var o=this;n.onload=function(){var t=o._getImageType(n.src),i=o._getCanvas(n.naturalWidth,n.naturalHeight);i.getContext("2d").drawImage(n,0,0);var r=i.toDataURL(t,100);e(r)}},rotate:function(t,e,n){var o=new Image;o.src=t.src;var i=this;o.onload=function(){var t=i._getImageType(o.src),r=i._getCanvas(o.naturalHeight,o.naturalWidth),a=r.getContext("2d");1==e?(a.rotate(90*Math.PI/180),a.translate(0,-r.width)):(a.rotate(-90*Math.PI/180),a.translate(-r.height,0)),a.drawImage(o,0,0);var s=r.toDataURL(t,100);n(s)}},resize:function(t,e,n){var o=function(t){return"number"==typeof t};if(o(e.toCropImgX)&&o(e.toCropImgY)&&e.toCropImgW>0&&e.toCropImgH>0){var i=e.toCropImgW*e.imgChangeRatio,r=e.toCropImgH*e.imgChangeRatio,a=this._getCanvas(i,r),s=(a.getContext("2d").drawImage(t,0,0,e.toCropImgW,e.toCropImgH,0,0,i,r),this._getImageType(t.src));n(a.toDataURL(s,e.compress/100))}},rotate2:function(t,e,n){var o=this;this._loadImage(t,function(i){var r=i.naturalWidth,a=i.naturalHeight,s=Math.max(r,a),u=o._getCanvas(s,s),c=u.getContext("2d");c.save(),c.translate(s/2,s/2),c.rotate(e*(Math.PI/180));var f=-s/2,l=-s/2;if(0===(e%=360))return n(t,r,a);if(e%180!=0){-90===e||270===e?f=s/2-r:l=s/2-a;var p=r;r=a,a=p}else f=s/2-r,l=s/2-a;c.drawImage(i,f,l),o._getCanvas(r,a).getContext("2d").drawImage(u,0,0,r,a,0,0,r,a);var d=o._getImageType(i.src),h=u.toDataURL(d,1);n(h,r,a)})},_loadImage:function(t,e){var n=new Image;n.src=t,n.onload=function(){e(n)},n.onerror=function(){console.log("Error: image error!")}},_getCanvas:function(t,e){var n=document.createElement("canvas");return n.width=t,n.height=e,n}}},function(t,e,n){"use strict";function o(t,e,n){if(e){var o=a?t.changedTouches[0].clientX:t.clientX,i=a?t.changedTouches[0].clientY:t.clientY,r=o-n.x,s=i-n.y;return r<=n.minLeft&&(r=n.minLeft),r>=n.maxLeft&&(r=n.maxLeft),s<=n.minTop&&(s=n.minTop),s>=n.maxTop&&(s=n.maxTop),{left:r,top:s}}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(0),r=function(t){return t&&t.__esModule?t:{default:t}}(i),a=r.default.isMobile},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default="data:image/gif;base64,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"},function(t,e,n){var o=n(2),i=n(1),r=n(72),a=n(7),s=n(5),u=function(t,e,n){var c,f,l,p=t&u.F,d=t&u.G,h=t&u.S,g=t&u.P,m=t&u.B,v=t&u.W,A=d?i:i[e]||(i[e]={}),b=A.prototype,y=d?o:h?o[e]:(o[e]||{}).prototype;d&&(n=e);for(c in n)(f=!p&&y&&void 0!==y[c])&&s(A,c)||(l=f?y[c]:n[c],A[c]=d&&"function"!=typeof y[c]?n[c]:m&&f?r(l,o):v&&y[c]==l?function(t){var e=function(e,n,o){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,o)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):g&&"function"==typeof l?r(Function.call,l):l,g&&((A.virtual||(A.virtual={}))[c]=l,t&u.R&&b&&!b[c]&&a(b,c,l)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,t.exports=u},function(t,e){t.exports={}},function(t,e){t.exports=!0},function(t,e){e.f={}.propertyIsEnumerable},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var o=n(28);t.exports=function(t){return Object(o(t))}},function(t,e){var n=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+o).toString(36))}},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(t,e){function n(t,e){for(var n=0;n<t.length;n++){var o=t[n],i=f[o.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](o.parts[r]);for(;r<o.parts.length;r++)i.parts.push(s(o.parts[r],e))}else{for(var a=[],r=0;r<o.parts.length;r++)a.push(s(o.parts[r],e));f[o.id]={id:o.id,refs:1,parts:a}}}}function o(t){for(var e=[],n={},o=0;o<t.length;o++){var i=t[o],r=i[0],a=i[1],s=i[2],u=i[3],c={css:a,media:s,sourceMap:u};n[r]?n[r].parts.push(c):e.push(n[r]={id:r,parts:[c]})}return e}function i(t,e){var n=d(),o=m[m.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),m.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function r(t){t.parentNode.removeChild(t);var e=m.indexOf(t);e>=0&&m.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function s(t,e){var n,o,i;if(e.singleton){var s=g++;n=h||(h=a(e)),o=u.bind(null,n,s,!1),i=u.bind(null,n,s,!0)}else n=a(e),o=c.bind(null,n),i=function(){r(n)};return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}function u(t,e,n,o){var i=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=v(e,i);else{var r=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(r,a[e]):t.appendChild(r)}}function c(t,e){var n=e.css,o=e.media,i=e.sourceMap;if(o&&t.setAttribute("media",o),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var f={},l=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}},p=l(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),d=l(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,g=0,m=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},void 0===e.singleton&&(e.singleton=p()),void 0===e.insertAt&&(e.insertAt="bottom");var i=o(t);return n(i,e),function(t){for(var r=[],a=0;a<i.length;a++){var s=i[a],u=f[s.id];u.refs--,r.push(u)}if(t){n(o(t),e)}for(var a=0;a<r.length;a++){var u=r[a];if(0===u.refs){for(var c=0;c<u.parts.length;c++)u.parts[c]();delete f[u.id]}}}};var v=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){"use strict";function o(t,e,n,o,i){if(e){var r=document.body.offsetHeight,u=1/i,c=parseFloat(window.getComputedStyle(n).width),f=parseFloat(window.getComputedStyle(n).height),l=document.querySelector(".info-aside"),p=(s-c)/2,d=parseFloat(window.getComputedStyle(l).height),h=(r-f-d)/2,g=a?t.changedTouches[0].clientX:t.clientX,m=a?t.changedTouches[0].clientY:t.clientY,v=e.offsetWidth,A=e.offsetHeight,b={};return i>=1&&g<=p+c?(v>=c&&(b.width=c),b.width=o.w+g-o.x,b.height=v*u,c>f?v>f&&(b.height=f,b.width=f*i):c<f?v>c&&(b.width=c,b.height=c*u):v>=c&&(b.width=c,b.height=c*u)):i<1&&m<h+f+d?(b.height=o.h+m-o.y,b.width=A*i,c>f?A>f&&(b.height=f,b.width=f*i):v>c&&(b.width=c,b.height=c*u)):"auto"==i&&m<=h+f+d&&g<=h+c?(b.height=o.h+m-o.y,b.width=o.w+g-o.x):g<=p+c&&(b.width=o.w+g-o.x,b.height=e.style.width,c>f?A>f&&(b.height=f,b.width=f):c<f?v>c&&(b.width=c,b.height=c):v>c&&(b.width=e.style.height=c)),b}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o;var i=n(0),r=function(t){return t&&t.__esModule?t:{default:t}}(i),a=r.default.isMobile,s=document.body.offsetWidth},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={url:{type:String},text:{type:String,default:"Upload Image"},extensions:{type:String,default:"png,jpg,jpeg,gif,svg,webp"},inputOfFile:{type:String,default:"files"},crop:{type:[String,Boolean],default:""},cropBtn:{type:Object,default:function(){return{ok:"Ok",cancel:"Cancel"}}},cropRatio:{type:String,default:"1:1"},resize:{type:[String,Boolean],default:!1},rotate:{type:Boolean,default:!1},ResizeBtn:{type:Object,default:function(){return{ok:"Ok",cancel:"Cancel"}}},maxFileSize:{type:Number,default:104857600},maxWidth:{type:Number},maxHeight:{type:Number},inputAccept:{type:String,default:"image/jpg,image/jpeg,image/png,image/gif"},isXhr:{type:Boolean,default:!0},headers:{type:Object,default:function(){return{}}},data:{type:Object,default:function(){return{}}},multiple:{type:Boolean,default:!1},multipleSize:{type:Number,default:0},minWidth:{type:Number,default:50},compress:{type:[Number,String],default:0},credentials:{type:[String,Boolean],default:!0}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var o=n(8).f,i=n(5),r=n(3)("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,r)&&o(t,r,{configurable:!0,value:e})}},function(t,e,n){var o=n(33)("keys"),i=n(22);t.exports=function(t){return o[t]||(o[t]=i(t))}},function(t,e,n){var o=n(1),i=n(2),r=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(t.exports=function(t,e){return r[t]||(r[t]=void 0!==e?e:{})})("versions",[]).push({version:o.version,mode:n(18)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,e){var n=Math.ceil,o=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?o:n)(t)}},function(t,e,n){var o=n(11);t.exports=function(t,e){if(!o(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!o(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var o=n(2),i=n(1),r=n(18),a=n(37),s=n(8).f;t.exports=function(t){var e=i.Symbol||(i.Symbol=r?{}:o.Symbol||{});"_"==t.charAt(0)||t in e||s(e,t,{value:a.f(t)})}},function(t,e,n){e.f=n(3)},function(t,e,n){var o=n(11),i=n(2).document,r=o(i)&&o(i.createElement);t.exports=function(t){return r?i.createElement(t):{}}},function(t,e,n){t.exports=!n(4)&&!n(6)(function(){return 7!=Object.defineProperty(n(38)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var o=n(27);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e,n){"use strict";var o=n(18),i=n(16),r=n(45),a=n(7),s=n(17),u=n(76),c=n(31),f=n(83),l=n(3)("iterator"),p=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,h,g,m,v){u(n,e,h);var A,b,y,x=function(t){if(!p&&t in _)return _[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},w=e+" Iterator",C="values"==g,S=!1,_=t.prototype,I=_[l]||_["@@iterator"]||g&&_[g],O=I||x(g),M=g?C?x("entries"):O:void 0,E="Array"==e?_.entries||I:I;if(E&&(y=f(E.call(new t)))!==Object.prototype&&y.next&&(c(y,w,!0),o||"function"==typeof y[l]||a(y,l,d)),C&&I&&"values"!==I.name&&(S=!0,O=function(){return I.call(this)}),o&&!v||!p&&!S&&_[l]||a(_,l,O),s[e]=O,s[w]=d,g)if(A={values:C?O:x("values"),keys:m?O:x("keys"),entries:M},v)for(b in A)b in _||r(_,b,A[b]);else i(i.P+i.F*(p||S),e,A);return A}},function(t,e,n){var o=n(10),i=n(80),r=n(29),a=n(32)("IE_PROTO"),s=function(){},u=function(){var t,e=n(38)("iframe"),o=r.length;for(e.style.display="none",n(74).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),u=t.F;o--;)delete u.prototype[r[o]];return u()};t.exports=Object.create||function(t,e){var n;return null!==t?(s.prototype=o(t),n=new s,s.prototype=null,n[a]=t):n=u(),void 0===e?n:i(n,e)}},function(t,e,n){var o=n(44),i=n(29).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return o(t,i)}},function(t,e,n){var o=n(5),i=n(9),r=n(70)(!1),a=n(32)("IE_PROTO");t.exports=function(t,e){var n,s=i(t),u=0,c=[];for(n in s)n!=a&&o(s,n)&&c.push(n);for(;e.length>u;)o(s,n=e[u++])&&(~r(c,n)||c.push(n));return c}},function(t,e,n){t.exports=n(7)},function(t,e,n){"use strict";var o=n(85)(!0);n(41)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=o(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){n(90);for(var o=n(2),i=n(7),r=n(17),a=n(3)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),u=0;u<s.length;u++){var c=s[u],f=o[c],l=f&&f.prototype;l&&!l[a]&&i(l,a,c),r[c]=r.Array}},function(t,e,n){var o,i,r={};n(108),o=n(54),Object.keys(o).some(function(t){return"default"!==t&&"__esModule"!==t})&&console.warn("[vue-loader] src/resize-bar.vue: named exports in *.vue files are ignored."),i=n(102),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;i&&(a.template=i),a.computed||(a.computed={}),Object.keys(r).forEach(function(t){var e=r[t];a.computed[t]=function(){return e}})},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(57),r=o(i),a=n(58),s=o(a),u=n(56),c=o(u),f=n(61),l=o(f),p=n(62),d=o(p),h=n(15),g=o(h),m=n(13),v=o(m),A=n(26),b=o(A),y=n(104),x=o(y),w=n(48),C=o(w),S="";e.default={components:{Crop:x.default,ResizeBar:C.default},props:b.default,data:function(){return{files:[],hasImage:!1,options:this.props,uploading:!1,formID:(1e4*Math.random()+"").split(".")[0],image:{src:g.default,width:24,height:24,minProgress:.05}}},computed:{name:function(){return this.multiple?this.inputOfFile+"[]":this.inputOfFile}},methods:{__dispatch:function(t,e,n){this.$emit&&this.$emit(t,e,n)},__find:function(t){return document.querySelector("#vciu-modal-"+this.formID).querySelector(t)},dragover:function(){this.$refs.container.classList.add("is-dragover")},dragleave:function(){this.$refs.container.classList.remove("is-dragover")},change:function(t){var e=this,n=document.querySelector("#g-core-upload-input-"+this.formID).value.replace(/C:\\fakepath\\/i,""),o=n.substring(n.lastIndexOf(".")+1),i=this.extensions.split(",");if(i.length){if(!new RegExp("^(?:"+i.join("|")+")$","i").test(o))return this.__dispatch("errorhandle","TYPE ERROR")}if(Array.prototype.slice.call(t.target.files).some(function(t){return t.size>e.maxFileSize})){var r;return r=parseInt(this.maxFileSize/1024/1024)>0?(this.maxFileSize/1024/1024).toFixed(2)+"MB":parseInt(this.maxFileSize/1024)>0?(this.maxFileSize/1024).toFixed(2)+"kB":options.maxFileSize.toFixed(2)+"Byte",console.warn("FILE IS TOO LARGER MAX FILE IS "+r),this.__dispatch("errorhandle","FILE IS TOO LARGER MAX FILE IS "+r)}return this.multipleSize>0&&t.target.files.length>this.multipleSize?(console.warn("FILE NUM IS LARGER THAN "+this.multipleSize),this.__dispatch("errorhandle","FILE NUM OVERLOAD")):(this.files=t.target.files,this.crop||this.resize?void this.__showImage():(this.__dispatch("imagechanged",this.files.length>1?this.files:this.files[0]),void(this.compress&&"image/png"!==this.files[0].type&&"image/gif"!==this.files[0].type?v.default.compress(this.files[0],100-this.compress,function(t){e.tryAjaxUpload("",!0,t)}):this.tryAjaxUpload())))},__showImage:function(){this.hasImage=!0,this.__readFiles()},__readFiles:function(){var t=new FileReader,e=this;t.onload=function(t){var n=t.target.result;S=document.body.style.overflow,document.body.style.overflow="hidden",e.__initImage(n)},t.readAsDataURL(this.files[0])},__initImage:function(t){var e=new Image,n=this;e.src=t;var o=this.$refs.cropBox;e.onload=function(){n.image.minProgress=n.minWidth/e.naturalWidth,v.default.init(t,function(t){n.imgChangeRatio=o.setImage(t,e.naturalWidth,e.naturalHeight)})}},resizeImage:function(t){this.$refs.cropBox.resizeImage(t)},doRotate:function(t){var e=this,n=this.$refs.cropBox,o=n.getCropImage();return this.data.compress=100-this.compress,v.default.rotate(o,1,function(t){e.__initImage(t)})},doReverseRotate:function(t){var e=this,n=this.$refs.cropBox,o=n.getCropImage();return this.data.compress=100-this.compress,v.default.rotate(o,-1,function(t){e.__initImage(t)})},doCrop:function(t){var e=this;this.__setData("crop");var n=this.$refs.cropBox,o=this.__setUpload(t.target);if("local"===this.crop){var i=n.getCropImage();return this.data.compress=100-this.compress,v.default.crop(i,this.data,function(t){o(t),e.__dispatch("imagechanged",t)})}o()},doResize:function(t){var e=this;this.__setData("resize");var n=this.$refs.cropBox,o=this.__setUpload(t.target);if("local"===this.resize){var i=n.getCropImage();return this.data.compress=100-this.compress,v.default.resize(i,this.data,function(t){o(t),e.__dispatch("imagechanged",t)})}o()},__setData:function(t){"object"!==(0,l.default)(this.data)&&(this.data={}),this.data.request=t;var e=this.$refs.cropBox,n=e.getCropData(),o=!0,i=!1,r=void 0;try{for(var a,u=(0,c.default)((0,s.default)(n));!(o=(a=u.next()).done);o=!0){var f=a.value;this.data[f]=n[f]}}catch(t){i=!0,r=t}finally{try{!o&&u.return&&u.return()}finally{if(i)throw r}}this.maxWidth&&(this.data.maxWidth=this.maxWidth),this.maxHeight&&(this.data.maxHeight=this.maxHeight),this.minWidth&&(this.data.minWidth=this.minWidth)},__setUpload:function(t){var e=this;return function(n){t.value=t.value+"...",t.disabled=!0,e.tryAjaxUpload(function(){t.value=t.value.replace("...",""),t.disabled=!1},!!n,n)}},cancel:function(){this.hasImage=!1,document.body.style.overflow=S,this.files="",this.$refs.cropBox.setOriginalSrc(null),document.querySelector("#g-core-upload-input-"+this.formID).value=""},tryAjaxUpload:function(t,e,n){var o=this;this.__dispatch("imageuploading",this.files[0]);var i=function(e){"function"==typeof t&&t(),o.uploading=!1,o.cancel(),o.__dispatch("imageuploaded",e,o.data)},a=function(t){o.__dispatch("errorhandle",t)};if(!this.isXhr)return this.crop&&(this.hasImage=!1),"function"==typeof t&&t();var s=void 0;if(e)s={type:this.files[0].type,filename:this.files[0].name,filed:this.inputOfFile,base64Code:n},"object"===(0,l.default)(this.data)&&(s=(0,r.default)(this.data,s));else{s=new FormData;for(var u=0;u<this.files.length;u++)s.append(this.name,this.files[u]);if("object"===(0,l.default)(this.data))for(var c in this.data)void 0!==this.data[c]&&s.append(c,this.data[c])}(0,d.default)("POST",this.url,this.headers,s,i,a,e,this.credentials)}}}},function(t,e){t.exports='\n  <div class="g-core-image-upload-btn" ref="container">\n    <slot>{{text}}</slot>\n    <form class="g-core-image-upload-form" v-show="!hasImage" method="post" enctype="multipart/form-data" action="" style="">\n      <input v-bind:disabled="uploading" v-bind:id="\'g-core-upload-input-\' + formID" v-bind:name="name" v-bind:multiple="multiple" type="file" v-bind:accept="inputAccept" v-on:change="change" v-on:dragover="dragover" v-on:dragenter="dragover" v-on:dragleave="dragleave" v-on:dragend="dragleave" v-on:drop="dragleave" style="width: 100%; height: 100%;">\n    </form>\n    <div class="g-core-image-corp-container" v-bind:id="\'vciu-modal-\' + formID" v-show="hasImage">\n      <crop ref="cropBox" :is-resize="resize && !crop" :ratio="cropRatio" :is-rotate="rotate"></crop>\n      <div class="info-aside">\n        <p class="btn-groups rotate-groups" style="display:none">\n          <button type="button" v-on:click="doRotate" class="btn btn-rotate">↺</button>\n          <button type="button" v-on:click="doReverseRotate" class="btn btn-reverserotate">↻</button>\n        </p>\n        <p class="btn-groups" v-if="crop">\n          <button type="button" v-on:click="doCrop" class="btn btn-upload">{{cropBtn.ok}}</button>\n          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{cropBtn.cancel}}</button>\n        </p>\n        <p class="btn-groups" v-if="resize && !crop">\n          <button type="button" v-on:click="doResize" class="btn btn-upload">{{ResizeBtn.ok}}</button>\n          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{ResizeBtn.cancel}}</button>\n        </p>\n      </div>\n  </div>\n</div>\n'},function(t,e,n){var o=n(98);"string"==typeof o&&(o=[[t.i,o,""]]);n(24)(o,{});o.locals&&(t.exports=o.locals)},,function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(14),r=o(i),a=n(25),s=o(a),u=n(15),c=o(u),f=n(0),l=o(f),p=n(13),d=o(p),h=n(48),g=o(h),m=n(105),v=o(m),A=(l.default.isMobile,window.innerWidth-60),b=window.innerHeight-110;e.default={components:{ResizeBar:g.default,RotateBar:v.default},props:{ratio:{type:String,default:"1:1"},minWidth:{type:Number,default:50},minHeight:{type:Number,default:50},isResize:{type:[Boolean],default:!1},isRotate:{type:[Boolean],default:!0}},data:function(){return{src:c.default,width:24,height:24,initWidth:24,initHeight:24,left:0,top:0,cropCSS:{}}},methods:{setImage:function(t,e,n){this.src=t,this.originSrc||this.setOriginalSrc(this.src),this.ratio.indexOf(":")>0?(this.ratioW=this.ratio.split(":")[0],this.ratioH=this.ratio.split(":")[1],this.ratioVal=this.ratioW/this.ratioH):(this.ratioW=1,this.ratioH=1,this.ratioVal=this.ratio),this.natrualWidth=e,this.natrualHeight=n,this.setLayout(e,n);var o=this.$refs.resizeBar;return this.isResize?o.setProgress(100):o.setProgress(50),this.imgChangeRatio},setOriginalSrc:function(t){this.originSrc=t},resizeImage:function(t){var e=void 0,n=void 0;this.isResize?(e=this.natrualWidth*this.imgChangeRatio*t,n=this.natrualHeight*this.imgChangeRatio*t):(e=this.initWidth+t*(this.natrualWidth-this.initWidth),n=this.initHeight+t*(this.natrualHeight-this.initHeight)),e<=this.minWidth||n<this.minHeight||(this.left+=(this.width-e)/2,this.top+=(this.height-n)/2,this.width=e,this.height=n,this.imgChangeRatio=this.width/this.natrualWidth)},rotateImage:function(t){var e=this;d.default.rotate2(this.originSrc,t,function(t,n,o){e.setImage(t,n,o)})},setLayout:function(t,e){var n=b,o=A,i=t,r=e,a=0,s=i/r;s>o/n?(r=n,i=n*s,a=(o-n*s)/2):(i=n*s,r=n,a=(o-n*s)/2),this._setStyle(i,r,a,0,s,!0)},_setStyle:function(t,e,n,o,i,r){var a=this.$el.querySelector(".g-crop-image-principal");r||(this.marginLeft=this.marginLeft+(this.width-t)/2,this.marginTop=this.marginTop+(this.height-e)/2),a.style.cssText="width:"+t+"px;height:"+e+"px;margin-left:"+n+"px;margin-top:"+o+"px",this.setCropBox(t,e),this.isResize?(this.width=t,this.height=e):(i>=this.cropCSS.width/this.cropCSS.height?(this.height=this.cropCSS.height,this.width=this.height*i):(this.width=this.cropCSS.width,this.height=this.width/i),this.initWidth=this.width,this.initHeight=this.height,this.left=(t-this.width)/2,this.top=(e-this.height)/2),this.imgChangeRatio=this.width/this.natrualWidth},setCropBox:function(t,e,n){if(!this.isResize){var o=this.__find(".crop-box"),i=(this.$el,t),r=e,a=this.ratioW,s=this.ratioH,u=i;A<t&&(u=A);var c=u/100*75,f={width:c,height:c/a*s};if(f.left=(i-c)/2,f.top=(r-f.height)/2,o.style.cssText=l.default.setCssText(f),f.height>r){var p=r/100*75;f.height=p,f.width=f.height*a/s,f.left=(i-f.width)/2,f.top=(r-f.height)/2,o.style.cssText=l.default.setCssText(f)}this.cropCSS=f}},getCropData:function(){return this.isResize?{imgChangeRatio:this.imgChangeRatio,toCropImgX:0,toCropImgY:0,toCropImgW:this.natrualWidth,toCropImgH:this.natrualHeight}:{toCropImgX:(this.cropCSS.left-this.left)/this.imgChangeRatio,toCropImgY:(this.cropCSS.top-this.top)/this.imgChangeRatio,toCropImgW:this.cropCSS.width/this.imgChangeRatio,toCropImgH:this.cropCSS.height/this.imgChangeRatio}},getCropImage:function(){return this.$refs["crop-image"]},__find:function(t){return this.$el.querySelector(t)},resize:function(t){if(t.stopPropagation(),this.ratio.indexOf(":")){var e=t.target.parentElement,n=this.__find(".g-crop-image-principal");this._$container&&(this._$container=container);var o=this,i={x:l.default.isMobile?t.touches[0].clientX:t.clientX,y:l.default.isMobile?t.touches[0].clientY:t.clientY,w:e.offsetWidth,h:e.offsetHeight};this.el=e,this.container=n;var r=this._getMaxCropAreaWidth(),a=function(t){var e=(0,s.default)(t,o.el,n,i,o.ratioVal);e&&e.width<=r.maxWidth&&e.height<=r.maxHeight&&(o.cropCSS.width=e.width,o.cropCSS.height=e.height)},u=function t(e){this.el=null,l.default.isMobile&&(document.removeEventListener("touchmove",a,!1),document.removeEventListener("touchend",t,!1)),document.removeEventListener("mousemove",a,!1),document.removeEventListener("mouseup",t,!1)};l.default.isMobile&&(document.addEventListener("touchmove",a,!1),document.addEventListener("touchend",u,!1)),document.addEventListener("mousemove",a,!1),document.addEventListener("mouseup",u,!1)}},_getMaxCropAreaWidth:function(){var t=this.__find(".image-wrap"),e=this.__find(".crop-box"),n=parseFloat(t.style.left),o=parseFloat(t.style.top),i=parseFloat(t.style.width),r=parseFloat(t.style.height);return{maxWidth:i-(parseFloat(e.style.left)-n),maxHeight:r-(parseFloat(e.style.top)-o)}},drag:function(t){t.preventDefault();var e=this.__find(".image-wrap");this.el=e;var n=this.__find(".crop-box"),o=(t.currentTarget,this),i=l.default.isMobile,a={x:(i?t.touches[0].clientX:t.clientX)-e.offsetLeft,y:(i?t.touches[0].clientY:t.clientY)-e.offsetTop,maxLeft:n.offsetLeft,maxTop:n.offsetTop,minLeft:n.offsetWidth+n.offsetLeft-e.offsetWidth,minTop:n.offsetHeight+n.offsetTop-e.offsetHeight},s=function(t){var e=(0,r.default)(t,o.el,a);e&&(o.left=e.left,o.top=e.top)},u=function t(e){if(o.el=null,i)return document.removeEventListener("touchmove",s,!1),void document.removeEventListener("touchend",t,!1);document.removeEventListener("mousemove",s,!1),document.removeEventListener("mouseup",t,!1)};if(i)return document.addEventListener("touchmove",s,!1),void document.addEventListener("touchend",u,!1);document.addEventListener("mousemove",s,!1),document.addEventListener("mouseup",u,!1)}}}},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(0),r=o(i),a=n(14),s=o(a);e.default={props:{minProgress:{type:[Number,String],default:0}},data:function(){return{progress:100,left:100}},methods:{setProgress:function(t){this.left=t},drag:function(t){t.preventDefault(),t.stopPropagation();var e=t.target;this.el=e;var n=this.$el.parentElement,o=this,i=r.default.isMobile,a={x:(i?t.touches[0].clientX:t.clientX)-e.offsetLeft,y:(i?t.touches[0].clientY:t.clientY)-e.offsetTop,maxLeft:200,maxTop:parseInt(n.style.height)-parseInt(e.style.height),minLeft:0,minTop:0},u=function(t){var e=(0,s.default)(t,o.el,a);if(e){if(e.left/200<o.minProgress)return;o.progress=(e.left-100)/200,o.left=e.left/200*100,o.$emit("resize",o.progress)}},c=function t(e){if(o.el=null,i)return document.removeEventListener("touchmove",u,!1),void document.removeEventListener("touchend",t,!1);document.removeEventListener("mousemove",u,!1),document.removeEventListener("mouseup",t,!1)};if(i)return document.addEventListener("touchmove",u,!1),void document.addEventListener("touchend",c,!1);document.addEventListener("mousemove",u,!1),document.addEventListener("mouseup",c,!1)}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{rotateDegree:0}},methods:{rotateRight:function(){this.rotateDegree+=90,this.$emit("rotate",this.rotateDegree)},rotateLeft:function(){this.rotateDegree-=90,this.$emit("rotate",this.rotateDegree)}}}},function(t,e,n){t.exports={default:n(63),__esModule:!0}},function(t,e,n){t.exports={default:n(64),__esModule:!0}},function(t,e,n){t.exports={default:n(65),__esModule:!0}},function(t,e,n){t.exports={default:n(66),__esModule:!0}},function(t,e,n){t.exports={default:n(67),__esModule:!0}},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var i=n(60),r=o(i),a=n(59),s=o(a),u="function"==typeof s.default&&"symbol"==typeof r.default?function(t){return typeof t}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":typeof t};e.default="function"==typeof s.default&&"symbol"===u(r.default)?function(t){return void 0===t?"undefined":u(t)}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":void 0===t?"undefined":u(t)}},function(t,e,n){"use strict";var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};void 0===XMLHttpRequest.prototype.sendAsBinary&&(XMLHttpRequest.prototype.sendAsBinary=function(t){var e=Array.prototype.map.call(t,function(t){return 255&t.charCodeAt(0)});this.send(new Uint8Array(e).buffer)}),t.exports=function(t,e,n,i,r,a,s,u){function c(t){for(var e={},n=/([a-z\-]+):\s?(.*);?/gi,o=void 0;o=n.exec(t);)e[o[1]]=o[2];return e}var f=new XMLHttpRequest,l=a||function(){console.error("AJAX ERROR!")},p="webcodeimageupload",d=!1;"blob"===t&&(d=t,t="GET"),t=t.toUpperCase(),f.onload=function(){var e=f.response;try{e=JSON.parse(f.responseText)}catch(t){401===f.status&&(e=l("access_denied",f.statusText))}var n=c(f.getAllResponseHeaders());n.statusCode=f.status,r(e||("GET"===t?l("empty_response","Could not get resource"):{}),n)},f.onerror=function(){var t=f.responseText;try{t=JSON.parse(f.responseText)}catch(t){console.error(t)}r(t||l("access_denied","Could not get resource"))};var h=void 0;if("GET"===t||"DELETE"===t)i=null;else if(s){var g=i,m=i.base64Code.replace("data:"+i.type+";base64,","");i=["--"+p,'Content-Disposition: form-data; name="'+i.filed+'"; filename="'+i.filename+'"',"Content-Type: "+i.type,"",window.atob(m),""].join("\r\n");var v=Object.keys(g);if(v.length>4){var A=!0,b=!1,y=void 0;try{for(var x,w=v[Symbol.iterator]();!(A=(x=w.next()).done);A=!0){var C=x.value;-1==["filed","filename","type","base64Code"].indexOf(C)&&(i+=["--"+p,'Content-Disposition: form-data; name="'+C+'";',"",""].join("\r\n"),i+=["object"===o(g[C])?JSON.stringify(g[C]):encodeURI(g[C]),""].join("\r\n"))}}catch(a){b=!0,y=a}finally{try{!A&&w.return&&w.return()}finally{if(b)throw y}}}i+="--"+p+"--"}if(f.open(t,e,!0),d&&("responseType"in f?f.responseType=d:f.overrideMimeType("text/plain; charset=x-user-defined")),n)for(h in n)f.setRequestHeader(h,n[h]);return f.withCredentials=void 0===u||u,s?(f.setRequestHeader("Content-Type","multipart/form-data; boundary="+p),f.sendAsBinary(i)):(f.send(i),f)}},function(t,e,n){n(47),n(46),t.exports=n(89)},function(t,e,n){n(91),t.exports=n(1).Object.assign},function(t,e,n){n(92),t.exports=n(1).Object.keys},function(t,e,n){n(94),n(93),n(95),n(96),t.exports=n(1).Symbol},function(t,e,n){n(46),n(47),t.exports=n(37).f("iterator")},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(){}},function(t,e,n){var o=n(9),i=n(87),r=n(86);t.exports=function(t){return function(e,n,a){var s,u=o(e),c=i(u.length),f=r(a,c);if(t&&n!=n){for(;c>f;)if((s=u[f++])!=s)return!0}else for(;c>f;f++)if((t||f in u)&&u[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var o=n(27),i=n(3)("toStringTag"),r="Arguments"==o(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),i))?n:r?o(e):"Object"==(s=o(e))&&"function"==typeof e.callee?"Arguments":s}},function(t,e,n){var o=n(68);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,i){return t.call(e,n,o,i)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var o=n(12),i=n(30),r=n(19);t.exports=function(t){var e=o(t),n=i.f;if(n)for(var a,s=n(t),u=r.f,c=0;s.length>c;)u.call(t,a=s[c++])&&e.push(a);return e}},function(t,e,n){var o=n(2).document;t.exports=o&&o.documentElement},function(t,e,n){var o=n(27);t.exports=Array.isArray||function(t){return"Array"==o(t)}},function(t,e,n){"use strict";var o=n(42),i=n(20),r=n(31),a={};n(7)(a,n(3)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=o(a,{next:i(1,n)}),r(t,e+" Iterator")}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var o=n(22)("meta"),i=n(11),r=n(5),a=n(8).f,s=0,u=Object.isExtensible||function(){return!0},c=!n(6)(function(){return u(Object.preventExtensions({}))}),f=function(t){a(t,o,{value:{i:"O"+ ++s,w:{}}})},l=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!r(t,o)){if(!u(t))return"F";if(!e)return"E";f(t)}return t[o].i},p=function(t,e){if(!r(t,o)){if(!u(t))return!0;if(!e)return!1;f(t)}return t[o].w},d=function(t){return c&&h.NEED&&u(t)&&!r(t,o)&&f(t),t},h=t.exports={KEY:o,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},function(t,e,n){"use strict";var o=n(4),i=n(12),r=n(30),a=n(19),s=n(21),u=n(40),c=Object.assign;t.exports=!c||n(6)(function(){var t={},e={},n=Symbol(),o="abcdefghijklmnopqrst";return t[n]=7,o.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=o})?function(t,e){for(var n=s(t),c=arguments.length,f=1,l=r.f,p=a.f;c>f;)for(var d,h=u(arguments[f++]),g=l?i(h).concat(l(h)):i(h),m=g.length,v=0;m>v;)d=g[v++],o&&!p.call(h,d)||(n[d]=h[d]);return n}:c},function(t,e,n){var o=n(8),i=n(10),r=n(12);t.exports=n(4)?Object.defineProperties:function(t,e){i(t);for(var n,a=r(e),s=a.length,u=0;s>u;)o.f(t,n=a[u++],e[n]);return t}},function(t,e,n){var o=n(19),i=n(20),r=n(9),a=n(35),s=n(5),u=n(39),c=Object.getOwnPropertyDescriptor;e.f=n(4)?c:function(t,e){if(t=r(t),e=a(e,!0),u)try{return c(t,e)}catch(t){}if(s(t,e))return i(!o.f.call(t,e),t[e])}},function(t,e,n){var o=n(9),i=n(43).f,r={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(t){try{return i(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==r.call(t)?s(t):i(o(t))}},function(t,e,n){var o=n(5),i=n(21),r=n(32)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),o(t,r)?t[r]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var o=n(16),i=n(1),r=n(6);t.exports=function(t,e){var n=(i.Object||{})[t]||Object[t],a={};a[t]=e(n),o(o.S+o.F*r(function(){n(1)}),"Object",a)}},function(t,e,n){var o=n(34),i=n(28);t.exports=function(t){return function(e,n){var r,a,s=String(i(e)),u=o(n),c=s.length;return u<0||u>=c?t?"":void 0:(r=s.charCodeAt(u),r<55296||r>56319||u+1===c||(a=s.charCodeAt(u+1))<56320||a>57343?t?s.charAt(u):r:t?s.slice(u,u+2):a-56320+(r-55296<<10)+65536)}}},function(t,e,n){var o=n(34),i=Math.max,r=Math.min;t.exports=function(t,e){return t=o(t),t<0?i(t+e,0):r(t,e)}},function(t,e,n){var o=n(34),i=Math.min;t.exports=function(t){return t>0?i(o(t),9007199254740991):0}},function(t,e,n){var o=n(71),i=n(3)("iterator"),r=n(17);t.exports=n(1).getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||r[o(t)]}},function(t,e,n){var o=n(10),i=n(88);t.exports=n(1).getIterator=function(t){var e=i(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return o(e.call(t))}},function(t,e,n){"use strict";var o=n(69),i=n(77),r=n(17),a=n(9);t.exports=n(41)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,i(1)):"keys"==e?i(0,n):"values"==e?i(0,t[n]):i(0,[n,t[n]])},"values"),r.Arguments=r.Array,o("keys"),o("values"),o("entries")},function(t,e,n){var o=n(16);o(o.S+o.F,"Object",{assign:n(79)})},function(t,e,n){var o=n(21),i=n(12);n(84)("keys",function(){return function(t){return i(o(t))}})},function(t,e){},function(t,e,n){"use strict";var o=n(2),i=n(5),r=n(4),a=n(16),s=n(45),u=n(78).KEY,c=n(6),f=n(33),l=n(31),p=n(22),d=n(3),h=n(37),g=n(36),m=n(73),v=n(75),A=n(10),b=n(11),y=n(21),x=n(9),w=n(35),C=n(20),S=n(42),_=n(82),I=n(81),O=n(30),M=n(8),E=n(12),k=I.f,B=M.f,j=_.f,L=o.Symbol,R=o.JSON,D=R&&R.stringify,Q=d("_hidden"),H=d("toPrimitive"),T={}.propertyIsEnumerable,z=f("symbol-registry"),W=f("symbols"),N=f("op-symbols"),P=Object.prototype,F="function"==typeof L&&!!O.f,G=o.QObject,Y=!G||!G.prototype||!G.prototype.findChild,J=r&&c(function(){return 7!=S(B({},"a",{get:function(){return B(this,"a",{value:7}).a}})).a})?function(t,e,n){var o=k(P,e);o&&delete P[e],B(t,e,n),o&&t!==P&&B(P,e,o)}:B,U=function(t){var e=W[t]=S(L.prototype);return e._k=t,e},q=F&&"symbol"==typeof L.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof L},K=function(t,e,n){return t===P&&K(N,e,n),A(t),e=w(e,!0),A(n),i(W,e)?(n.enumerable?(i(t,Q)&&t[Q][e]&&(t[Q][e]=!1),n=S(n,{enumerable:C(0,!1)})):(i(t,Q)||B(t,Q,C(1,{})),t[Q][e]=!0),J(t,e,n)):B(t,e,n)},V=function(t,e){A(t);for(var n,o=m(e=x(e)),i=0,r=o.length;r>i;)K(t,n=o[i++],e[n]);return t},X=function(t,e){return void 0===e?S(t):V(S(t),e)},Z=function(t){var e=T.call(this,t=w(t,!0));return!(this===P&&i(W,t)&&!i(N,t))&&(!(e||!i(this,t)||!i(W,t)||i(this,Q)&&this[Q][t])||e)},$=function(t,e){if(t=x(t),e=w(e,!0),t!==P||!i(W,e)||i(N,e)){var n=k(t,e);return!n||!i(W,e)||i(t,Q)&&t[Q][e]||(n.enumerable=!0),n}},tt=function(t){for(var e,n=j(x(t)),o=[],r=0;n.length>r;)i(W,e=n[r++])||e==Q||e==u||o.push(e);return o},et=function(t){for(var e,n=t===P,o=j(n?N:x(t)),r=[],a=0;o.length>a;)!i(W,e=o[a++])||n&&!i(P,e)||r.push(W[e]);return r};F||(L=function(){if(this instanceof L)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===P&&e.call(N,n),i(this,Q)&&i(this[Q],t)&&(this[Q][t]=!1),J(this,t,C(1,n))};return r&&Y&&J(P,t,{configurable:!0,set:e}),U(t)},s(L.prototype,"toString",function(){return this._k}),I.f=$,M.f=K,n(43).f=_.f=tt,n(19).f=Z,O.f=et,r&&!n(18)&&s(P,"propertyIsEnumerable",Z,!0),h.f=function(t){return U(d(t))}),a(a.G+a.W+a.F*!F,{Symbol:L});for(var nt="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),ot=0;nt.length>ot;)d(nt[ot++]);for(var it=E(d.store),rt=0;it.length>rt;)g(it[rt++]);a(a.S+a.F*!F,"Symbol",{for:function(t){return i(z,t+="")?z[t]:z[t]=L(t)},keyFor:function(t){if(!q(t))throw TypeError(t+" is not a symbol!");for(var e in z)if(z[e]===t)return e},useSetter:function(){Y=!0},useSimple:function(){Y=!1}}),a(a.S+a.F*!F,"Object",{create:X,defineProperty:K,defineProperties:V,getOwnPropertyDescriptor:$,getOwnPropertyNames:tt,getOwnPropertySymbols:et});var at=c(function(){O.f(1)});a(a.S+a.F*at,"Object",{getOwnPropertySymbols:function(t){return O.f(y(t))}}),R&&a(a.S+a.F*(!F||c(function(){var t=L();return"[null]"!=D([t])||"{}"!=D({a:t})||"{}"!=D(Object(t))})),"JSON",{stringify:function(t){for(var e,n,o=[t],i=1;arguments.length>i;)o.push(arguments[i++]);if(n=e=o[1],(b(e)||void 0!==t)&&!q(t))return v(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!q(e))return e}),o[1]=e,D.apply(R,o)}}),L.prototype[H]||n(7)(L.prototype,H,L.prototype.valueOf),l(L,"Symbol"),l(Math,"Math",!0),l(o.JSON,"JSON",!0)},function(t,e,n){n(36)("asyncIterator")},function(t,e,n){n(36)("observable")},function(t,e,n){e=t.exports=n(23)(),e.push([t.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.g-rotate-bar{\n    position: absolute;\n    bottom: 30px;\n    left: 0;\n    right: 0;\n    text-align: center;\n}\n.g-rotate-bar .svg-icon{\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  margin: 0 2em;\n}\n",""])},function(t,e,n){e=t.exports=n(23)(),e.push([t.i,".g-core-image-upload-btn{\n  position: relative;\n  overflow: hidden;\n}\n.g-core-image-upload-form{\n  position: absolute;\n  left:0;\n  right: 0;\n  top:0;\n  bottom:0;\n  width: 100%;\n  height: 100%;\n  min-height: 61px;\n  opacity: 0;\n}\n.g-core-image-upload-container{\n  position: absolute;\n  background: #111;\n  z-index: 900;\n}\n.g-core-image-upload-modal{\n  position: absolute;\n  left:0;\n  right:0;\n  width: 100%;\n  height: 100%;\n  border:1px solid #ccc;\n  z-index: 899;\n}\n.dropped{\n  border:4px solid #ea6153;\n}\n.g-core-image-corp-container{\n  z-index: 1900;\n  position:fixed;\n  left:0;\n  right:0;\n  top:0;\n  bottom: 0;\n  background: rgba(0,0,0,.9);\n  color:#f1f1f1;\n}\n.g-core-image-corp-container .image-aside{\n  position: absolute;\n  right: 30px;\n  left:30px;\n  top:60px;\n  bottom:20px;\n  text-align: center;\n}\n.g-core-image-corp-container .image-aside img{\n  max-width: 100%;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.g-core-image-corp-container .info-aside{\n  position: absolute;\n  left:0;\n  right: 0;\n  top:0;\n  height: 40px;\n  padding-left: 10px;\n  padding-right: 10px;\n  background: #fefefe;\n  color:#777;\n}\n.g-core-image-corp-container .btn-groups{\n  text-align: right;\n  margin: 5px 0 0;\n}\n.g-core-image-corp-container .btn{\n  display: inline-block;\n  padding: 0 15px;\n  height: 32px;\n  margin-left: 15px;\n  background: #fff;\n  border:1px solid #ccc;\n  border-radius: 2px;\n  font-size: 13px;\n  color:#222;\n  line-height: 32px;\n  transition: all .1s ease-in;\n}\n.g-core-image-corp-container .btn:hover{\n  border:1px solid #777;\n  box-shadow: 0 1px 3px rgba(0,0,0,.05);\n}\n.g-core-image-corp-container .btn:active{\n  background: #ddd;\n}\n.g-core-image-corp-container .btn:disabled{\n  background: #eee !important;\n  border-color:#ccc;\n  cursor: not-allowed;\n}\n.g-core-image-corp-container .btn-upload{\n  background: #27ae60;\n  border-color:#27ae60;\n  color:#fff;\n}\n.g-core-image-corp-container .btn-upload:hover{\n  background: #2dc26c;\n  border-color:#27ae60;\n  box-shadow: 0 1px 3px rgba(0,0,0,.05);\n}\n",""])},function(t,e,n){e=t.exports=n(23)(),e.push([t.i,"\n\n\n\n\n\n\n\n.g-resize-bar[_v-4502671c]{\n  position: absolute;\n  bottom: 0px;\n  margin: 17px auto;\n  height: 6px;\n  border-radius: 3px;\n  width:200px;\n  margin-left: -100px;\n  left: 50%;\n  background-color: #a8f9ca;\n  box-shadow: 0 2px 3px -1px rgba(0,0,0,.3);\n}\n.g-resize-highlight[_v-4502671c]{\n  position: absolute;\n  left: 0;\n  top:0;\n  height: 6px;\n  background-color: #27ae60;\n  border-radius: 3px;\n}\n.circle-btn[_v-4502671c]{\n  display: block;\n  position: absolute;\n  left:0;\n  top: -5px;\n  width: 14px;\n  height: 14px;\n  margin-left: -7px;\n  background-color: #fff;\n  border-radius: 7px;\n  box-shadow: 0 2px 3px -2px rgba(0,0,0,.6), 0 -2px 3px -2px rgba(0,0,0,.55);\n  border-width: 0;\n}\n",""])},function(t,e,n){e=t.exports=n(23)(),e.push([t.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.g-crop-image-principal[_v-4b340088]{\n  overflow: hidden;\n  position: relative;\n  background-color: #fff;\n  background-image: linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);\n  background-position: 0 0,10px 10px;\n  background-size: 21px 21px;\n}\n.image-aside[_v-4b340088]{\n  overflow: hidden;\n  position: absolute;\n  right: 30px;\n  left:30px;\n  top:70px;\n  bottom:40px;\n  text-align: center;\n}\n.image-aside .image-wrap[_v-4b340088]{\n  position: absolute;\n  left: 0;\n  top: 0;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-shadow: 0 3px 5px -2px rgba(0,0,0,.25);\n  background-size: cover;\n}\n.image-mask[_v-4b340088]{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width:100%;\n  height: 100%;\n}\n.image-mask .mask[_v-4b340088] {\n  position: absolute;\n  background-color: rgba(255,255,255,.6);\n}\n.crop-box[_v-4b340088]{\n  z-index: 2000;\n  box-sizing: border-box;\n  position: absolute;\n  background: none;\n  cursor: move;\n  width:100px;\n  height: 100px;\n  border:1px solid rgba(255,255,255, .95);\n}\n.crop-box[_v-4b340088]:after,\n.crop-box[_v-4b340088]:before{\n  content: '';\n  display: block;\n  opacity: 0;\n  position: absolute;\n  left: 33.3333%;\n  top: 0;\n  width: 33.334%;\n  height: 100%;\n  background-color: transparent;\n  border-color: rgba(255,255,255,.7);\n  border-style: solid;\n  border-width: 0;\n}\n.crop-box[_v-4b340088]:active::before,\n.crop-box[_v-4b340088]:active::after{\n  opacity: 1;\n}\n.crop-box[_v-4b340088]:before{\n  border-left-width: 1px;\n  border-right-width: 1px;\n}\n.crop-box[_v-4b340088]:after{\n  top: 33.3333%;\n  left: 0;\n  height: 33.3334%;\n  width: 100%;\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n\n}\n.crop-box .g-resize[_v-4b340088]{\n  display: inline-block;\n  z-index: 1910;\n  position: absolute;\n  bottom: -8px;\n  right: -8px;\n  width: 16px;\n  height: 16px;\n  cursor: se-resize;\n  border-radius: 10px;\n  background-color: #fff;\n  box-shadow: 0 2px 4px -2px rgba(0,0,0,.25);\n}\n",""])},function(t,e){t.exports='\n<div class="g-rotate-bar">\n  <a href="javascript:;" @click="rotateLeft">\n    <svg class="svg-icon" viewBox="0 0 481.95 481.95">\n      <path d="M281.7,243.8V138.2c75.9,13.5,135.4,78.6,135.4,159.8s-59.6,146.3-135.4,159.8V512\n        c105.7-13.5,189.6-102.9,189.6-214s-84-200.5-189.6-214V0L159.8,121.9L281.7,243.8z M94.8,270.9c2.7-24.4,13.5-46.1,27.1-67.7\n        L84,165.2C59.6,197.8,46.1,233,40.6,270.9H94.8z M159.8,430.7l-37.9,37.9c32.5,24.4,67.7,37.9,105.7,43.3v-54.2\n        C203.2,455.1,181.5,444.3,159.8,430.7z M94.8,325.1H40.6c2.7,37.9,19,73.1,43.3,105.7l37.9-37.9\n        C108.4,371.1,97.5,349.5,94.8,325.1z" fill="#27ae60" />\n    </svg>\n  </a>\n  <a href="javascript:;" @click="rotateRight">\n    <svg class="svg-icon" viewBox="0 0 481.95 481.95">\n    \t\t<path d="M331.5,114.75L216.75,0v79.05C117.3,91.8,38.25,175.95,38.25,280.5s79.05,188.7,178.5,201.45v-51    C145.35,418.2,89.25,357,89.25,280.5s56.1-137.7,127.5-150.45v99.45L331.5,114.75z M443.7,255    c-5.101-35.7-17.851-68.85-40.8-99.45l-35.7,35.7c12.75,20.4,22.95,40.8,25.5,63.75H443.7z M267.75,430.95v51    c35.7-5.101,68.85-17.851,99.45-40.8l-35.7-35.7C311.1,418.2,290.7,428.4,267.75,430.95z M367.2,369.75l35.7,35.7    c22.949-30.601,38.25-63.75,40.8-99.45h-51C390.15,328.95,379.95,349.35,367.2,369.75z" fill="#27ae60"/>\n    </svg>\n  </a>\n</div>\n'},function(t,e){t.exports='\n<div class="g-resize-bar" _v-4502671c="">\n  <div class="g-resize-highlight" :style="{width: left + \'%\',}" _v-4502671c=""></div>\n  <button class="circle-btn" @touchstart.self="drag" @mousedown.self="drag" :style="{left: left + \'%\',}" _v-4502671c=""></button>\n</div>\n'},function(t,e){t.exports='\n<div class="image-aside" _v-4b340088="">\n  <div class="g-crop-image-box" _v-4b340088="">\n    <div class="g-crop-image-principal" v-on:touchstart="drag" v-on:mousedown="drag" _v-4b340088="">\n      <div class="image-wrap" :style="{ width: width + \'px\',height: height + \'px\', left: left+ \'px\', top: top + \'px\', backgroundImage: \'url(\' + src + \')\', cursor: isResize ? \'default\' : \'move\'}" _v-4b340088="">\n        <img ref="crop-image" style="width:0;height:0;" :src="src" _v-4b340088="">\n      </div>\n      <div class="image-mask" v-if="!isResize" _v-4b340088="">\n        <div class="mask top" :style="{ top:0, height: cropCSS.top + \'px\', left: 0, width: \'100%\'}" _v-4b340088=""></div>\n        <div class="mask bottom" :style="{ bottom:0, top: (cropCSS.top + cropCSS.height) + \'px\', left: 0, width: \'100%\'}" _v-4b340088=""></div>\n        <div class="mask left" :style="{top: cropCSS.top + \'px\', height: cropCSS.height + \'px\', left:0, width: cropCSS.left + \'px\'}" _v-4b340088=""></div>\n        <div class="mask right" :style="{top: cropCSS.top + \'px\', height: cropCSS.height + \'px\', left: (cropCSS.left + cropCSS.width) + \'px\', right: 0}" _v-4b340088=""></div>\n      </div>\n      <div class="crop-box" v-if="!isResize" :style="{top: cropCSS.top + \'px\', left: cropCSS.left + \'px\', height: cropCSS.height + \'px\',  width: cropCSS.width + \'px\'}" _v-4b340088="">\n        <div class="reference-line v" _v-4b340088=""></div>\n        <div class="reference-line h" _v-4b340088=""></div>\n        <a class="g-resize" v-on:touchstart.self="resize" v-on:mousedown.self="resize" _v-4b340088=""></a>\n      </div>\n    </div>\n    <resize-bar v-if="resize" ref="resizeBar" @resize="resizeImage" _v-4b340088=""></resize-bar>\n    <rotate-bar v-if="isRotate" @rotate="rotateImage" _v-4b340088=""></rotate-bar>\n  </div>\n</div>\n'},function(t,e,n){var o,i,r={};n(109),o=n(53),Object.keys(o).some(function(t){return"default"!==t&&"__esModule"!==t})&&console.warn("[vue-loader] src/crop.vue: named exports in *.vue files are ignored."),i=n(103),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;i&&(a.template=i),a.computed||(a.computed={}),Object.keys(r).forEach(function(t){var e=r[t];a.computed[t]=function(){return e}})},function(t,e,n){var o,i,r={};n(107),o=n(55),Object.keys(o).some(function(t){return"default"!==t&&"__esModule"!==t})&&console.warn("[vue-loader] src/rotate-bar.vue: named exports in *.vue files are ignored."),i=n(101),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;i&&(a.template=i),a.computed||(a.computed={}),Object.keys(r).forEach(function(t){var e=r[t];a.computed[t]=function(){return e}})},function(t,e,n){var o,i,r={};n(51),o=n(49),Object.keys(o).some(function(t){return"default"!==t&&"__esModule"!==t})&&console.warn("[vue-loader] src/vue-core-image-upload.vue: named exports in *.vue files are ignored."),i=n(50),t.exports=o||{},t.exports.__esModule&&(t.exports=t.exports.default);var a="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;i&&(a.template=i),a.computed||(a.computed={}),Object.keys(r).forEach(function(t){var e=r[t];a.computed[t]=function(){return e}})},function(t,e,n){var o=n(97);"string"==typeof o&&(o=[[t.i,o,""]]);n(24)(o,{});o.locals&&(t.exports=o.locals)},function(t,e,n){var o=n(99);"string"==typeof o&&(o=[[t.i,o,""]]);n(24)(o,{});o.locals&&(t.exports=o.locals)},function(t,e,n){var o=n(100);"string"==typeof o&&(o=[[t.i,o,""]]);n(24)(o,{});o.locals&&(t.exports=o.locals)}])});
\ No newline at end of file
diff --git a/package.json b/package.json
index 425ae7b..e7f80a1 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,11 @@
 {
   "name": "vue-core-image-upload",
-  "version": "2.1.6",
+  "version": "2.4.14",
   "description": "a vue plgin for image upload and crop",
-  "main": "src/index.js",
+  "main": "dist/vue-core-image-upload.vue",
+  "module": "src/vue-core-image-upload.vue",
   "dependencies": {
+    "core-image-xhr": "^1.0.3",
     "vue": "^2.0.5"
   },
   "devDependencies": {
@@ -15,6 +17,7 @@
     "babel-preset-es2015": "^6.14.0",
     "babel-preset-stage-2": "^6.13.0",
     "babel-runtime": "^6.11.6",
+    "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.25.0",
     "eslint": "^3.14.0",
     "eslint-config-airbnb": "^14.0.0",
@@ -27,6 +30,7 @@
     "eslint-plugin-react": "^6.9.0",
     "eslint-plugin-standard": "^2.0.1",
     "eslint-plugin-vue": "^2.0.1",
+    "fs-extra": "^9.0.1",
     "style-loader": "^0.13.1",
     "vue-html-loader": "^1.2.3",
     "vue-loader": "^8.5.4",
diff --git a/site/build/config.js b/site/build/config.js
index 5f6da48..d174f03 100644
--- a/site/build/config.js
+++ b/site/build/config.js
@@ -1,15 +1,9 @@
 'use strict'
-const pkg = require('../package')
 
 module.exports = {
   port: 4000,
-  title: 'site',
+  title: 'vue-core-image-upload a vue plugin for image to crop and upload. (一款轻量级vue.js图片上传裁剪插件)',
   // when you use electron please set to relative path like ./
   // otherwise only set to absolute path when you're using history mode
-  publicPath: '/',
-  // disable babelrc by default
-  babel: {
-    babelrc: false,
-    presets: ['vue-app','es2015','stage-2'],
-  }
+  publicPath: '/'
 }
diff --git a/site/build/webpack.base.js b/site/build/webpack.base.js
index ccaa0f3..3e0998b 100644
--- a/site/build/webpack.base.js
+++ b/site/build/webpack.base.js
@@ -32,27 +32,18 @@ module.exports = {
     ]
   },
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.vue$/,
-        loaders: ['vue-loader']
+        use: 'vue-loader',
       },
       {
         test: /\.js$/,
-        loaders: ['babel-loader'],
-        exclude: /node_modules/
+        use: {
+          loader: 'babel-loader'
+        },
+         exclude: /node_modules/
       },
-      {
-        test: /\.(ico|jpg|png|gif|eot|otf|webp|ttf|woff|woff2)(\?.*)?$/,
-        loader: 'file-loader',
-        query: {
-          name: 'static/media/[name].[hash:8].[ext]'
-        }
-      },
-      {
-        test: /\.svg$/,
-        loader: 'raw-loader'
-      }
     ]
   },
   plugins: [
diff --git a/site/build/webpack.dev.js b/site/build/webpack.dev.js
index d529ec0..47b4c50 100644
--- a/site/build/webpack.dev.js
+++ b/site/build/webpack.dev.js
@@ -24,12 +24,11 @@ _.cssProcessors.forEach(processor => {
   } else {
     loaders = ['postcss-loader', processor.loader]
   }
-  base.module.loaders.push(
+  base.module.rules.push(
     {
       test: processor.test,
       loaders: ['style-loader', _.cssLoader].concat(loaders)
     }
   )
 })
-
 module.exports = base
diff --git a/site/build/webpack.prod.js b/site/build/webpack.prod.js
index cc0fe8d..b144b6e 100644
--- a/site/build/webpack.prod.js
+++ b/site/build/webpack.prod.js
@@ -31,7 +31,7 @@ base.plugins.push(
     'process.env.NODE_ENV': JSON.stringify('production')
   }),
   new webpack.optimize.UglifyJsPlugin({
-    sourceMap: true,
+    sourceMap: false,
     compress: {
       warnings: false
     },
@@ -68,7 +68,7 @@ _.cssProcessors.forEach(processor => {
   } else {
     loaders = ['postcss-loader', processor.loader]
   }
-  base.module.loaders.push({
+  base.module.rules.push({
     test: processor.test,
     loader: ExtractTextPlugin.extract({
       use: [_.cssLoader].concat(loaders),
@@ -88,5 +88,5 @@ base.stats = {
   chunkOrigins: false,
   modules: false
 }
-
+console.log(base.module.rules[4]);
 module.exports = base
diff --git a/site/client/components/Header.vue b/site/client/components/Header.vue
index 00cbdf3..dfe0c21 100644
--- a/site/client/components/Header.vue
+++ b/site/client/components/Header.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="nav">
       <div class="container">
+          <div class="menu" @click="toggleMenu">
+            <svg class="svg-icon" viewBox="0 0 1024 1024"><g><path d="M810.667 725.333h-597.333c-47.061 0-85.333 38.272-85.333 85.333s38.272 85.333 85.333 85.333h597.333c47.061 0 85.333-38.272 85.333-85.333s-38.272-85.333-85.333-85.333z"></path><path d="M810.667 426.667h-597.333c-47.061 0-85.333 38.272-85.333 85.333s38.272 85.333 85.333 85.333h597.333c47.061 0 85.333-38.272 85.333-85.333s-38.272-85.333-85.333-85.333z"></path><path d="M810.667 128h-597.333c-47.061 0-85.333 38.272-85.333 85.333s38.272 85.333 85.333 85.333h597.333c47.061 0 85.333-38.272 85.333-85.333s-38.272-85.333-85.333-85.333z"></path></g></svg>
+          </div>
           <div class="nav-logo"></div>
           <div class="nav-list">
               <a href="https://github.com/Vanthink-UED/vue-core-image-upload/issues">Issues</a>
@@ -12,12 +15,11 @@
                 </svg>
               </a>
           </div>
+
       </div>
   </div>
 </template>
 
-<style></style>
-
 <script>
 import vueSelect from 'vue-select'
 import vendor from '../lib/vendor'
@@ -50,6 +52,17 @@ export default {
           }
         ]
     }
+  },
+
+  methods: {
+    toggleMenu() {
+      const $aside = document.querySelector('aside');
+      if ($aside.className.indexOf('active') > -1) {
+        $aside.className = '';
+      } else {
+        $aside.className = 'active';
+      }
+    }
   }
 
 };
diff --git a/site/client/components/NavList.vue b/site/client/components/NavList.vue
index 6ee8923..f148d17 100644
--- a/site/client/components/NavList.vue
+++ b/site/client/components/NavList.vue
@@ -19,10 +19,10 @@ const lan = vendor.getLocalData('lan') || 'cn';
 for(var item of routers) {
   item.url = '#/' + lan + '/' + item.url;
   if (lan !== 'en') {
-    item.name = item.cn_name;  
+    item.name = item.cn_name;
   }
 }
-  
+
 export default {
   data() {
     return {
@@ -31,12 +31,14 @@ export default {
     }
 
   },
-  
+
   methods: {
     setUrl(url) {
-      this.url = url;  
+      this.url = url;
+      const $aside = document.querySelector('aside');
+      $aside.className = '';
     },
-    
+
   }
 
 }
diff --git a/site/client/components/doc/cn/CompressImage.vue b/site/client/components/doc/cn/CompressImage.vue
index ad929f0..3ed9624 100644
--- a/site/client/components/doc/cn/CompressImage.vue
+++ b/site/client/components/doc/cn/CompressImage.vue
@@ -5,7 +5,7 @@
     <div class="center">
       <p><img width="300" :src="src" /></p>
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         @imageuploaded="imageUploded"
         :max-file-size="5242880"
         compress="50"
@@ -26,7 +26,7 @@
 
 <script>
 
-import VueCoreImageUpload from '../../../../src/vue-core-image-upload.vue'
+import VueCoreImageUpload from 'vue-core-image-upload'
 export default {
   components: {
     VueCoreImageUpload,
diff --git a/site/client/components/doc/cn/CropImage.vue b/site/client/components/doc/cn/CropImage.vue
index f48e489..ff12281 100644
--- a/site/client/components/doc/cn/CropImage.vue
+++ b/site/client/components/doc/cn/CropImage.vue
@@ -13,7 +13,7 @@
       </div>
       <vue-core-image-upload
          crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
+         class="btn btn-primary"
          crop="local"
          url="http://101.198.151.190/api/upload.php"
          extensions="png,jpeg,jpg"
@@ -43,7 +43,7 @@
       </div>
       <vue-core-image-upload
          crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
+         class="btn btn-primary"
          crop="server"
          url="http://101.198.151.190/api/crop.php"
          extensions="png,gif,jpeg,jpg"
diff --git a/site/client/components/doc/cn/CustomComponent.vue b/site/client/components/doc/cn/CustomComponent.vue
new file mode 100644
index 0000000..930a8d6
--- /dev/null
+++ b/site/client/components/doc/cn/CustomComponent.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="components">
+    <h3>自定义组件样式</h3>
+    <p>你可以设置组件的<code>class</code> 以及自己编写子组件的形式来控制组件的显示的样子。</p>
+    <h4>Demo</h4>
+    <p>下面是一个图片按钮。</p>
+    <p class="user center">
+      <img class="avatar" :src="src" />
+    </p>
+    <div class="center">
+      <vue-core-image-upload
+        :crop="false"
+        @imageuploaded="imageuploaded"
+        :data="data"
+        :max-file-size="5242880"
+        url="http://101.198.151.190/api/upload.php" >
+        <img width="150" src="http://img1.vued.vanthink.cn/vuededa653aa59d1a1287d9a6e18890a7e51.png" />
+      </vue-core-image-upload>
+    </div>
+    <p>Code Example</p>
+    <pre v-highlightjs><code class="javascript">&lt;vue-core-image-upload
+      :crop="false"
+      @imageuploaded="imageuploaded"
+      :data="data"
+      :max-file-size="5242880"
+      url="http://101.198.151.190/api/upload.php" &gt;
+      &lt;img width="150" src="http://img1.vued.vanthink.cn/vuededa653aa59d1a1287d9a6e18890a7e51.png" /&gt;
+    &lt;/vue-core-image-upload&gt;
+ </code></pre>
+  </div>
+</template>
+
+<style>
+
+.avatar {
+  width: 150px;
+  height: 150px;
+  margin-bottom: 20px;
+  border-radius: 50%;
+  border: 2px solid rgba(0,0,0,.05);
+}
+</style>
+
+<script>
+import VueCoreImageUpload from 'vue-core-image-upload'
+
+export default {
+  components: {
+    'vue-core-image-upload': VueCoreImageUpload,
+  },
+
+  data() {
+    return {
+      src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
+    }
+  },
+
+  methods: {
+    imageuploaded(res) {
+      if (res.errcode == 0) {
+        this.src = res.data.src;
+      }
+    }
+  }
+};
+
+</script>
diff --git a/site/client/components/doc/cn/Events.vue b/site/client/components/doc/cn/Events.vue
index 26b1019..baa64ef 100644
--- a/site/client/components/doc/cn/Events.vue
+++ b/site/client/components/doc/cn/Events.vue
@@ -16,7 +16,7 @@
     </div>
     <div class="center">
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         :crop="false"
         @imagechanged="imagechanged"
         @imageuploading="imageuploading"
diff --git a/site/client/components/doc/cn/GetStarted.vue b/site/client/components/doc/cn/GetStarted.vue
index e01d69b..d9ca8c4 100644
--- a/site/client/components/doc/cn/GetStarted.vue
+++ b/site/client/components/doc/cn/GetStarted.vue
@@ -7,7 +7,7 @@
     <pre v-highlightjs><code class="javascript">&lt;template&gt;
 &lt;div class="center"&gt;
   &lt;vue-core-image-upload
-    :class="['btn', 'btn-primary']"
+    class="btn btn-primary"
     :crop="false"
     @imageuploaded="imageuploaded"
     :data="data"
@@ -45,7 +45,7 @@ export default {
    </p>
    <div class="center">
      <vue-core-image-upload
-       :class="['btn', 'btn-primary']"
+       class="btn btn-primary"
        :crop="false"
        @imageuploaded="imageuploaded"
        :data="data"
diff --git a/site/client/components/doc/cn/MultipleFile.vue b/site/client/components/doc/cn/MultipleFile.vue
index 6d22601..ffb8504 100644
--- a/site/client/components/doc/cn/MultipleFile.vue
+++ b/site/client/components/doc/cn/MultipleFile.vue
@@ -8,7 +8,7 @@
     <h4>演示</h4>
     <div class="center">
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         :crop="false"
         @imageuploaded="imageUploded"
         :max-file-size="5242880"
@@ -34,7 +34,7 @@
     <p>点击上传按钮，可以选择多张图片，然后在表格中可以看到上传的图片名称和图片大小。</p>
     <h4>Code Example</h4>
     <pre v-highlightjs><code class="javascript">&lt;vue-core-image-upload
-:class="['btn', 'btn-primary']"
+class="btn btn-primary"
 :crop="false"
 @imageuploaded="imageUploded"
 :max-file-size="5242880"
diff --git a/site/client/components/doc/cn/PostData.vue b/site/client/components/doc/cn/PostData.vue
index 26a26d6..34fedac 100644
--- a/site/client/components/doc/cn/PostData.vue
+++ b/site/client/components/doc/cn/PostData.vue
@@ -8,7 +8,7 @@
   <div class="m-form">
     <input type="text" v-model="data.text" placeholder="输入一些内容吧" class="form-control text" />
     <vue-core-image-upload
-      :class="['btn', 'btn-primary']"
+      class="btn btn-primary"
       :crop="false"
       :data="data"
       @imageuploaded="imageuploaded"
@@ -24,7 +24,7 @@
 &lt;div class="m-form"&gt;
   &lt;input type="text" v-model="data.text" placeholder="输入一些内容吧" class="form-control text" /&gt;
   &lt;vue-core-image-upload
-    :class="['btn', 'btn-primary']"
+    class="btn btn-primary"
     :crop="false"
     :data="data"
     @imageuploaded="imageuploaded"
diff --git a/site/client/components/doc/cn/Props.vue b/site/client/components/doc/cn/Props.vue
index 7c19b73..e97b712 100644
--- a/site/client/components/doc/cn/Props.vue
+++ b/site/client/components/doc/cn/Props.vue
@@ -113,6 +113,12 @@
             <td>{auth: xxxxx}</td>
             <td>设置附带发送给服务端的数据</td>
           </tr>
+          <tr>
+            <td>credentials</td>
+            <td align="left">Boolean</td>
+            <td>false</td>
+            <td>指定 XMLHttpRequest widthCredentials 的值，用于跨域的参数</td>
+          </tr>
         </tbody>
       </table>
     </p>
diff --git a/site/client/components/doc/cn/ResizeImage.vue b/site/client/components/doc/cn/ResizeImage.vue
index 28ab4b8..133f445 100644
--- a/site/client/components/doc/cn/ResizeImage.vue
+++ b/site/client/components/doc/cn/ResizeImage.vue
@@ -9,7 +9,7 @@
       </div>
       <vue-core-image-upload
          crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
+         class="btn btn-primary"
          resize="local"
          url="http://101.198.151.190/api/upload.php"
          extensions="png,jpeg,jpg"
@@ -21,7 +21,7 @@
     <p>Code Example</p>
     <pre v-highlightjs><code class="HTML">&lt;vue-core-image-upload
      crop-ratio="1:1"
-     :class="['btn', 'btn-primary']"
+     class="btn btn-primary"
      resize="local"
      url="http://101.198.151.190/api/crop.php"
      extensions="png,gif,jpeg,jpg"
diff --git a/site/client/components/doc/en/CompressImage.vue b/site/client/components/doc/en/CompressImage.vue
index 6d449e8..20f15a0 100644
--- a/site/client/components/doc/en/CompressImage.vue
+++ b/site/client/components/doc/en/CompressImage.vue
@@ -6,7 +6,7 @@
     <div class="center">
       <p><img width="300" :src="src" /></p>
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         @imageuploaded="imageUploded"
         :max-file-size="5242880"
         compress="50"
diff --git a/site/client/components/doc/en/CropImage.vue b/site/client/components/doc/en/CropImage.vue
index 3849d90..94f2690 100644
--- a/site/client/components/doc/en/CropImage.vue
+++ b/site/client/components/doc/en/CropImage.vue
@@ -12,15 +12,15 @@
           <img class="avatar" :src="src"/>
       </div>
       <vue-core-image-upload
-         crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
-         crop="local"
-         url="http://101.198.151.190/api/upload.php"
-         extensions="png,jpeg,jpg"
-         text="Crop Image"
-         compress="20"
-         @imageuploaded="crpoServerImageUploaded">
-      </vue-core-image-upload>
+        crop-ratio="1:1"
+        crop="local"
+        resize="local"
+        :rotate="true"
+        url="http://101.198.151.190/api/upload.php"
+        @imageuploaded="crpoServerImageUploaded"
+        :max-file-size="10485760"
+        text="上传图片" >
+    </vue-core-image-upload>
     </div>
     <h4>Server-side crop</h4>
     <p><code>crop="server"</code>  means the bwowser will send the original image to the server and post the cropped data below to the server:</p>
@@ -42,7 +42,7 @@
       </div>
       <vue-core-image-upload
          crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
+         class="btn btn-primary"
          crop="server"
          url="http://101.198.151.190/api/crop.php"
          extensions="png,gif,jpeg,jpg"
@@ -57,6 +57,7 @@
           <th>W</th>
           <th>X</th>
           <th>Y</th>
+          <th>Rotate Degree</th>
         </tr>
       </thead>
       <tbody>
@@ -65,19 +66,19 @@
           <td>{{cropArgs.toCropImgW}}</td>
           <td>{{cropArgs.toCropImgX}}</td>
           <td>{{cropArgs.toCropImgY}}</td>
+          <td>{{cropArgs.toRotateDegree}}</td>
         </tr>
       </tbody>
     </table>
     <pre v-highlightjs><code class="HTML">&lt;vue-core-image-upload
    crop-ratio="1:1"
-   :class="['btn', 'btn-primary']"
+   class="btn btn-primary"
    crop="server"
    url="http://101.198.151.190/api/crop.php"
    extensions="png,gif,jpeg,jpg"
    text="Crop Image"
    @imageuploaded="crpoServerImageUploaded"&gt;
 &lt;/vue-core-image-upload&gt;
-
     </code></pre>
     <a  href="https://github.com/Vanthink-UED/vue-core-image-upload/blob/master/site/client/components/doc/en/CropImage.vue">View Code Source</a>
   </div>
@@ -85,6 +86,7 @@
 
 <script>
 import VueCoreImageUpload from 'vue-core-image-upload';
+
 export default {
   components: {
     VueCoreImageUpload
@@ -97,7 +99,8 @@ export default {
         toCropImgH: '?',
         toCropImgW: '?',
         toCropImgX: '?',
-        toCropImgY: '?'
+        toCropImgY: '?',
+        toCropDegrees: '?',
       }
     };
   },
@@ -117,7 +120,8 @@ export default {
           toCropImgH: parseInt(res.data.post.toCropImgH),
           toCropImgW: parseInt(res.data.post.toCropImgW),
           toCropImgX: parseInt(res.data.post.toCropImgX),
-          toCropImgY: parseInt(res.data.post.toCropImgY)
+          toCropImgY: parseInt(res.data.post.toCropImgY),
+          toCropDegrees: parseInt(res.data.post.toCropDegrees),
         }
         this.cropSrc = 'http://img1.vued.vanthink.cn/vued41b900045d6d44f3b32e06049621b415.png';
       }
diff --git a/site/client/components/doc/en/CustomComponent.vue b/site/client/components/doc/en/CustomComponent.vue
new file mode 100644
index 0000000..d35b87f
--- /dev/null
+++ b/site/client/components/doc/en/CustomComponent.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="components">
+    <h3>Custom Component</h3>
+    <p><code>class</code> will be bind to the component and you can include any child component.</p>
+    <h4>Demo</h4>
+    <p>This is a image upload button.</p>
+    <p class="user center">
+      <img class="avatar" :src="src" />
+    </p>
+    <div class="center">
+      <vue-core-image-upload
+        :crop="false"
+        @imageuploaded="imageuploaded"
+        :data="data"
+        :max-file-size="5242880"
+        url="http://101.198.151.190/api/upload.php" >
+        <img width="150" src="http://img1.vued.vanthink.cn/vuededa653aa59d1a1287d9a6e18890a7e51.png" />
+      </vue-core-image-upload>
+    </div>
+    <p>Code Example</p>
+    <pre v-highlightjs><code class="javascript">&lt;vue-core-image-upload
+      :crop="false"
+      @imageuploaded="imageuploaded"
+      :data="data"
+      :max-file-size="5242880"
+      url="http://101.198.151.190/api/upload.php" &gt;
+      &lt;img width="150" src="http://img1.vued.vanthink.cn/vuededa653aa59d1a1287d9a6e18890a7e51.png" /&gt;
+    &lt;/vue-core-image-upload&gt;
+ </code></pre>
+  </div>
+</template>
+
+<style>
+
+.avatar {
+  width: 150px;
+  height: 150px;
+  margin-bottom: 20px;
+  border-radius: 50%;
+  border: 2px solid rgba(0,0,0,.05);
+}
+</style>
+
+<script>
+import VueCoreImageUpload from 'vue-core-image-upload'
+
+export default {
+  components: {
+    'vue-core-image-upload': VueCoreImageUpload,
+  },
+  data() {
+    return {
+      src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
+    }
+  },
+  methods: {
+    imageuploaded(res) {
+      if (res.errcode == 0) {
+        this.src = res.data.src;
+      }
+    }
+  }
+};
+
+</script>
diff --git a/site/client/components/doc/en/Events.vue b/site/client/components/doc/en/Events.vue
index 3854e4f..ade8be8 100644
--- a/site/client/components/doc/en/Events.vue
+++ b/site/client/components/doc/en/Events.vue
@@ -16,7 +16,7 @@
     </div>
     <div class="center">
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         :crop="false"
         @imagechanged="imagechanged"
         @imageuploading="imageuploading"
@@ -47,7 +47,7 @@
     </div>
     <p>Code：</p>
     <pre v-highlightjs><code class="html">&lt;vue-core-image-upload
-  :class="['btn', 'btn-primary']"
+  class="btn btn-primary"
   :crop="false"
   @imagechanged="imagechanged"
   @imageuploading="imageuploading"
diff --git a/site/client/components/doc/en/GetStarted.vue b/site/client/components/doc/en/GetStarted.vue
index a8fabe5..c0258d9 100644
--- a/site/client/components/doc/en/GetStarted.vue
+++ b/site/client/components/doc/en/GetStarted.vue
@@ -7,7 +7,7 @@
     <pre v-highlightjs><code class="javascript">&lt;template&gt;
 &lt;div class="center"&gt;
   &lt;vue-core-image-upload
-    :class="['btn', 'btn-primary']"
+    class="btn btn-primary"
     :crop="false"
     @imageuploaded="imageuploaded"
     :data="data"
@@ -45,13 +45,17 @@ export default {
    </p>
    <div class="center">
      <vue-core-image-upload
-       :class="['btn', 'btn-primary']"
-       :crop="false"
-       @imageuploaded="imageuploaded"
-       :data="data"
-       :max-file-size="5242880"
-       url="http://101.198.151.190/api/upload.php" >
-     </vue-core-image-upload>
+          class="postImg"
+          :crop="false"
+          @imageuploaded="imageuploaded"
+          @imageuploading="imageuploading"
+          :data='data'
+          inputOfFile="FeedBack"
+          compress="50"
+          :max-file-size="10485760"
+          :credentials="false"
+          url="https://v3.imacco.com/Upload/api/UploadImg" >
+      </vue-core-image-upload>
    </div>
     <p>First of all , we need to include out plugin in <code>components</code> . Then we must define the <code>url</code> as your server api ,then we bind a function to
       <code>@imageuploaded</code> for handling the server response.
diff --git a/site/client/components/doc/en/MultipleFile.vue b/site/client/components/doc/en/MultipleFile.vue
index b15ae5d..687e141 100644
--- a/site/client/components/doc/en/MultipleFile.vue
+++ b/site/client/components/doc/en/MultipleFile.vue
@@ -4,10 +4,10 @@
     <p>Set <code>multiple</code> equal <code>true</code>, and you could select more than one file. And your server will recieved an array of files.</p>
     <h4>multiple-size</h4>
     <p><code>multiple-size</code>  is a number which limits your count of the files you selected.</p>
-    <h4>演示</h4>
+    <h4>Demo</h4>
     <div class="center">
       <vue-core-image-upload
-        :class="['btn', 'btn-primary']"
+        class="btn btn-primary"
         :crop="false"
         @imageuploaded="imageUploded"
         :max-file-size="5242880"
@@ -33,7 +33,7 @@
     <p>Click the button and you will see the file name and size above the table</p>
     <h4>Code Example</h4>
     <pre v-highlightjs><code class="javascript">&lt;vue-core-image-upload
-:class="['btn', 'btn-primary']"
+class="btn btn-primary"
 :crop="false"
 @imageuploaded="imageUploded"
 :max-file-size="5242880"
diff --git a/site/client/components/doc/en/PostData.vue b/site/client/components/doc/en/PostData.vue
index 531ff51..5225338 100644
--- a/site/client/components/doc/en/PostData.vue
+++ b/site/client/components/doc/en/PostData.vue
@@ -8,7 +8,7 @@
   <div class="m-form">
     <input type="text" v-model="data.text" placeholder="type some..." class="form-control text" />
     <vue-core-image-upload
-      :class="['btn', 'btn-primary']"
+      class="btn btn-primary"
       :crop="false"
       :data="data"
       @imageuploaded="imageuploaded"
@@ -24,7 +24,7 @@
 &lt;div class="m-form"&gt;
   &lt;input type="text" v-model="data.text" placeholder="输入一些内容吧" class="form-control text" /&gt;
   &lt;vue-core-image-upload
-    :class="['btn', 'btn-primary']"
+    class="btn btn-primary"
     :crop="false"
     :data="data"
     @imageuploaded="imageuploaded"
@@ -82,8 +82,8 @@ export default {
   },
 
   methods: {
-    imageuploaded(res) {
-
+    imageuploaded(res, data) {
+      console.log(data);
     }
   }
 };
diff --git a/site/client/components/doc/en/Props.vue b/site/client/components/doc/en/Props.vue
index 422425f..6968208 100644
--- a/site/client/components/doc/en/Props.vue
+++ b/site/client/components/doc/en/Props.vue
@@ -4,7 +4,7 @@
     <p>Vue-core-image-upload supports many props to meet developers'needs.</p>
     <p>Code Example</p>
     <pre v-highlightjs><code class="html">&lt;vue-core-image-upload
-  :class="['btn', 'btn-primary']"
+  class="btn btn-primary"
   :crop="false"
   @imageuploaded="imageuploaded"
   :data="data"
@@ -113,6 +113,12 @@
             <td>{auth: xxxxx}</td>
             <td>Set customed data when ajax posting server</td>
           </tr>
+          <tr>
+            <td>credentials</td>
+            <td align="left">Boolean</td>
+            <td>false</td>
+            <td>Specify XMLHttpRequest widthCredentials value</td>
+          </tr>
         </tbody>
       </table>
     </p>
diff --git a/site/client/components/doc/en/ResizeImage.vue b/site/client/components/doc/en/ResizeImage.vue
index 0658004..9e6eca5 100644
--- a/site/client/components/doc/en/ResizeImage.vue
+++ b/site/client/components/doc/en/ResizeImage.vue
@@ -9,7 +9,7 @@
       </div>
       <vue-core-image-upload
          crop-ratio="1:1"
-         :class="['btn', 'btn-primary']"
+         class="btn btn-primary"
          resize="local"
          url="http://101.198.151.190/api/upload.php"
          extensions="png,jpeg,jpg"
@@ -21,7 +21,7 @@
     <p>Code Example</p>
     <pre v-highlightjs><code class="HTML">&lt;vue-core-image-upload
      crop-ratio="1:1"
-     :class="['btn', 'btn-primary']"
+     class="btn btn-primary"
      resize="local"
      url="http://101.198.151.190/api/crop.php"
      extensions="png,gif,jpeg,jpg"
diff --git a/site/client/less/modules/m-layout.less b/site/client/less/modules/m-layout.less
index a041c56..45a922e 100644
--- a/site/client/less/modules/m-layout.less
+++ b/site/client/less/modules/m-layout.less
@@ -1,7 +1,7 @@
 /** layout **/
 .container {
     position: relative;
-    width: 1170px;
+    max-width: 1140px;
     margin: 0 auto;
 }
 
@@ -40,6 +40,9 @@
     color: #fff;
 }
 
+.menu{
+  display: none;
+}
 .nav-list {
     float: right;
     z-index: 100;
@@ -52,6 +55,7 @@
 }
 
 
+
 .nav-list a {
     text-decoration: none;
     font-size: 14px;
@@ -103,6 +107,8 @@ aside{
 
 }
 
+
+
 .main{
     margin-left: 240px;
     max-width: 900px;
@@ -147,3 +153,59 @@ aside{
     color: @emerald;
   }
 }
+
+@media all and (max-width: 764px) {
+  .nav{
+    height: 40px;
+    line-height: 40px;
+
+  }
+  .menu {
+    margin-left: 10px;
+    margin-top: 4px;
+    display: inline-block;
+    .svg-icon{
+      width: 24px;
+      height: 24px;
+    }
+  }
+
+  .nav-logo {
+    display: none;
+  }
+  .nav-list{
+    margin-top: 0;
+  }
+
+
+  aside{
+    z-index: 9;
+    position: fixed;
+    left: -250px;
+    top: 40px;
+    bottom: 0;
+    padding: 10px;
+    background-color: #fff;
+    box-shadow: 3px 4px 5px rgba(0,0,0,.25);
+    transition: left ease .25s;
+    &.active{
+      left: 0;
+    }
+    h4, ul {
+      background-color: #fff;
+    }
+
+  }
+  .main {
+    margin-left: 10px;
+    padding-top: 60px;
+  }
+
+  .ft .icon-list a{
+    width: 40px;
+    margin: 15px;
+    img{
+      width: 100%;
+    }
+  }
+}
diff --git a/site/client/lib/constants.js b/site/client/lib/constants.js
index 8c48408..b9e00ae 100644
--- a/site/client/lib/constants.js
+++ b/site/client/lib/constants.js
@@ -16,6 +16,10 @@ let routers = [
     name: 'Events',
     cn_name: '响应事件'
   },
+  {
+    name: 'Custom Component',
+    cn_name: '自定义组件'
+  },
   {
     name: 'Crop Image',
     cn_name: '裁剪图片'
diff --git a/site/client/router/index.js b/site/client/router/index.js
index 774dbaa..66469cc 100644
--- a/site/client/router/index.js
+++ b/site/client/router/index.js
@@ -8,6 +8,8 @@ import CnProps from '../components/doc/cn/Props.vue';
 import EnProps from '../components/doc/en/Props.vue';
 import CnEvents from '../components/doc/cn/Events.vue';
 import EnEvents from '../components/doc/en/Events.vue';
+import CnCustomComponent from '../components/doc/cn/CustomComponent.vue';
+import EnCustomComponent from '../components/doc/en/CustomComponent.vue';
 import CnCropImage from '../components/doc/cn/CropImage.vue';
 import EnCropImage from '../components/doc/en/CropImage.vue';
 import CnResizeImage from '../components/doc/cn/ResizeImage.vue';
@@ -63,6 +65,14 @@ export default new Router({
       path: '/en/events',
       component: EnEvents,
     },
+    {
+      path: '/cn/custom-component',
+      component: CnCustomComponent,
+    },
+    {
+      path: '/en/custom-component',
+      component: EnCustomComponent,
+    },
     {
       path: '/cn/crop-image',
       component: CnCropImage
diff --git a/site/client/views/Home.vue b/site/client/views/Home.vue
deleted file mode 100644
index c054ed0..0000000
--- a/site/client/views/Home.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <div class="page">
-    <counter></counter>
-    <p>
-      To get started, edit files in <code>./client</code> and save.
-    </p>
-  </div>
-</template>
-
-<script>
-import Counter from 'components/Counter'
-
-export default {
-  components: {
-    Counter
-  }
-}
-</script>
diff --git a/site/package.json b/site/package.json
index 3d9a6c8..16d79ff 100644
--- a/site/package.json
+++ b/site/package.json
@@ -20,16 +20,18 @@
   },
   "dependencies": {
     "babel-runtime": "^6.18.0",
+    "canvas-png-compression": "0.0.3",
+    "core-image-xhr": "^1.0.1",
     "j-i-c": "^2.0.2",
     "promise-polyfill": "^6.0.2",
-    "vue": "^2.2.2",
-    "vue-core-image-upload": "^2.1.2",
+    "vue": "^2.3.2",
+    "vue-core-image-upload": "^2.3.1",
     "vue-highlight": "0.0.0",
     "vue-highlightjs": "^1.2.2",
     "vue-progressbar": "^0.7.1",
     "vue-router": "^2.0.0",
     "vue-select": "^2.2.0",
-    "vue-template-compiler": "^2.2.2",
+    "vue-template-compiler": "^2.3.2",
     "vuex": "^2.0.0",
     "vuex-router-sync": "^4.0.0"
   },
@@ -37,6 +39,7 @@
     "autoprefixer": "^6.4.0",
     "babel-core": "^6.16.0",
     "babel-loader": "^6.2.4",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
     "babel-preset-vue-app": "^1.1.1",
@@ -47,7 +50,7 @@
     "eslint-config-vue": "latest",
     "eslint-plugin-vue": "latest",
     "express": "^4.14.0",
-    "extract-text-webpack-plugin": "^2.0.0-rc.3",
+    "extract-text-webpack-plugin": "^2.1.0",
     "file-loader": "^0.9.0",
     "friendly-errors-webpack-plugin": "^1.1.2",
     "html-webpack-plugin": "^2.22.0",
diff --git a/site/server/upload.php b/site/server/upload.php
new file mode 100644
index 0000000..d399cf6
--- /dev/null
+++ b/site/server/upload.php
@@ -0,0 +1,54 @@
+<?php
+  function cors() {
+
+        // Allow from any origin
+        if (isset($_SERVER['HTTP_ORIGIN'])) {
+            // Decide if the origin in $_SERVER['HTTP_ORIGIN'] is one
+            // you want to allow, and if so:
+            header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
+            header('Access-Control-Allow-Credentials: true');
+            header('Access-Control-Max-Age: 86400');    // cache for 1 day
+        }
+
+        // Access-Control headers are received during OPTIONS requests
+        if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
+
+            if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
+                header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
+
+            if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
+                header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
+        }
+
+    }
+
+   $file = $_FILES?$_FILES['files']:null;
+   $new_file_name = strtolower($_FILES['files']['tmp_name']);
+    header('Content-Type: application/json; charset=utf-8');
+   cors();
+   if($file['size'] > (1024000)) //can't be larger than 1 MB
+		{
+			echo json_encode(array(
+          'errcode' => 500,
+          'data' => $file,
+          'errmsg' => '文件太大'
+      ));
+     return;
+		}
+
+    $currentdir = getcwd();
+    $target = $currentdir .'/images/' . basename($_FILES['files']['name']);
+		//move it to where we want it to be
+    move_uploaded_file($file['tmp_name'], $target);
+    // var_dump($_POST['auth']);
+   //var_dump(urldecode($_POST['name']));
+    echo json_encode(array(
+        'errcode' => 0,
+        'data' => array(
+            'src' =>  'http://' . $_SERVER['HTTP_HOST'] . '/api/images/' . basename($_FILES['files']['name']),
+            'name' => $file['name'],
+        ),
+	'data_post' => $_POST,
+        'errmsg' => 'not found your image'
+    ));
+?>
\ No newline at end of file
diff --git a/src/crop.vue b/src/crop.vue
index 29a54fd..744ecba 100644
--- a/src/crop.vue
+++ b/src/crop.vue
@@ -1,23 +1,63 @@
 <template>
-<div class="g-crop-image-principal">
-  <div class="image-wrap" :style="{ width:width + 'px',height: height + 'px' }">
-    <img ref="crop-image" :src="src" :style="{ width:'100%',height: '100%', }">
-  </div>
-  <div class="image-mask" v-if="!hideCrop">
-    <div class="mask top" :style="{ top:0, height: cropCSS.top + 'px', left: 0, width: '100%'}"></div>
-    <div class="mask bottom" :style="{ bottom:0, top: (cropCSS.top + cropCSS.height) + 'px', left: 0, width: '100%'}"></div>
-    <div class="mask left" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left:0, width: cropCSS.left + 'px'}"></div>
-    <div class="mask right" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left: (cropCSS.left + cropCSS.width) + 'px', right: 0}"></div>
-  </div>
-  <div class="crop-box" v-if="!hideCrop" v-on:touchstart.self="drag" v-on:mousedown.self="drag" :style="{top: cropCSS.top + 'px', left: cropCSS.left + 'px', height: cropCSS.height + 'px',  width: cropCSS.width + 'px'}">
-    <div class="reference-line v"></div>
-    <div class="reference-line h"></div>
-    <a class="g-resize" v-on:touchstart.self="resize" v-on:mousedown.self="resize"></a>
+<div class="image-aside">
+  <div class="g-crop-image-box" >
+    <div class="g-crop-image-principal" v-on:touchstart="drag" v-on:mousedown="drag">
+      <div class="image-wrap"  :style="{ width: width + 'px',height: height + 'px', left: left+ 'px', top: top + 'px', backgroundImage: 'url(' + src + ')', cursor: isResize ? 'default' : 'move'}">
+        <img ref="crop-image" style="width:0;height:0;" :src="src" />
+      </div>
+      <div class="image-mask" v-if="!isResize">
+        <div class="mask top" :style="{ top:0, height: cropCSS.top + 'px', left: 0, width: '100%'}"></div>
+        <div class="mask bottom" :style="{ bottom:0, top: (cropCSS.top + cropCSS.height) + 'px', left: 0, width: '100%'}"></div>
+        <div class="mask left" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left:0, width: cropCSS.left + 'px'}"></div>
+        <div class="mask right" :style="{top: cropCSS.top + 'px', height: cropCSS.height + 'px', left: (cropCSS.left + cropCSS.width) + 'px', right: 0}"></div>
+      </div>
+      <div class="crop-box" v-if="!isResize" :style="{top: cropCSS.top + 'px', left: cropCSS.left + 'px', height: cropCSS.height + 'px',  width: cropCSS.width + 'px'}">
+        <div class="reference-line v"></div>
+        <div class="reference-line h"></div>
+        <a class="g-resize" v-on:touchstart.self="resize" v-on:mousedown.self="resize"></a>
+      </div>
+    </div>
+    <resize-bar v-if="resize" ref="resizeBar" @resize="resizeImage"></resize-bar>
+    <rotate-bar v-if="isRotate" @rotate="rotateImage"></rotate-bar>
   </div>
 </div>
 </template>
 
 <style scoped>
+.g-crop-image-principal{
+  overflow: hidden;
+  position: relative;
+  background-color: #fff;
+  background-image: -webkit-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-webkit-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: -moz-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-moz-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: -o-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),-o-linear-gradient(bottom left, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-image: linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef),linear-gradient(to top right, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
+  background-position: 0 0,10px 10px;
+  -webkit-background-size: 21px 21px;
+  background-size: 21px 21px;
+}
+.image-aside{
+  overflow: hidden;
+  position: absolute;
+  right: 30px;
+  left:30px;
+  top:70px;
+  bottom:40px;
+  text-align: center;
+}
+.image-aside .image-wrap{
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  box-shadow: 0 3px 5px -2px rgba(0,0,0,.25);
+  background-size: cover;
+}
 .image-mask{
   position: absolute;
   left: 0;
@@ -30,6 +70,7 @@
   background-color: rgba(255,255,255,.6);
 }
 .crop-box{
+  z-index: 2000;
   box-sizing: border-box;
   position: absolute;
   background: none;
@@ -90,14 +131,20 @@ import drag from './lib/drag';
 import resize from './lib/resize';
 import GIF_LOADING_SRC from './lib/loading-gif';
 import helper from './lib/helper';
+import canvasHelper from './lib/canvas-helper';
+import ResizeBar from './resize-bar.vue';
+import RotateBar from './rotate-bar.vue';
 // set cropbox size in image
 const CROPBOX_PERCENT = 75;
+const isMobile = helper.isMobile;
+const areaWidth = window.innerWidth - 60;
+const areaHeight = window.innerHeight - 110;
 export default {
+  components: {
+    ResizeBar,
+    RotateBar,
+  },
   props: {
-    formId: {
-      type: String,
-      default: '',
-    },
     ratio: {
       type: String,
       default: '1:1'
@@ -110,9 +157,13 @@ export default {
       type: Number,
       default: 50,
     },
-    hideCrop: {
-      type: [String, Boolean],
+    isResize: {
+      type: [Boolean],
       default: false,
+    },
+    isRotate: {
+      type: [Boolean],
+      default: true,
     }
   },
 
@@ -121,6 +172,10 @@ export default {
       src: GIF_LOADING_SRC,
       width: 24,
       height: 24,
+      initWidth: 24,
+      initHeight: 24,
+      left: 0,
+      top: 0,
       cropCSS: {
 
       }
@@ -130,6 +185,9 @@ export default {
   methods: {
     setImage(src, w, h) {
       this.src = src;
+      if (!this.originSrc) {
+        this.setOriginalSrc(this.src);
+      }
       if (this.ratio.indexOf(':') > 0) {
         this.ratioW = this.ratio.split(':')[0];
         this.ratioH = this.ratio.split(':')[1];
@@ -139,71 +197,114 @@ export default {
         this.ratioH = 1;
         this.ratioVal = this.ratio;
       }
-      this.setLayout(w, h);
-      this.setCropBox();
       this.natrualWidth = w;
       this.natrualHeight = h;
+      this.setLayout(w, h);
+      const resizeBar = this.$refs.resizeBar;
+      if (this.isResize) {
+        resizeBar.setProgress(100);
+      } else {
+        resizeBar.setProgress(50);
+      }
       return this.imgChangeRatio;
     },
 
+    setOriginalSrc(src) {
+      this.originSrc = src;
+    },
+
     resizeImage(progress) {
-      const w = this.natrualWidth * this.imgChangeRatio * progress;
-      const h = this.natrualHeight * this.imgChangeRatio * progress;
+      let w,
+          h;
+      if (this.isResize) {
+        w = this.natrualWidth * this.imgChangeRatio * progress;
+        h = this.natrualHeight * this.imgChangeRatio * progress;
+      } else {
+        w = this.initWidth + progress * (this.natrualWidth - this.initWidth);
+        h = this.initHeight + progress * (this.natrualHeight - this.initHeight);
+      }
       if (w <= this.minWidth || h < this.minHeight) {
         return;
       }
-      this._setStyle(w, h, w/h);
-      this.setCropBox();
+      this.left += (this.width - w) / 2;
+      this.top += (this.height - h) / 2;
+      this.width = w;
+      this.height = h;
+      this.imgChangeRatio = this.width / this.natrualWidth;
+    },
+
+    rotateImage(degress) {
+      const data = canvasHelper.rotate2(this.originSrc, degress, (data, w, h) => {
+        this.setImage(data, w, h);
+      });
+      //this.src = src;
     },
 
     setLayout(w, h) {
-      let H = window.innerHeight - 80,
-          W = window.innerWidth - 60,
+      let H = areaHeight,
+          W = areaWidth,
           width = w,
           height = h,
-          marginLeft = 0;
-
+          marginLeft = 0,
+          marginTop = 0;
       // caculate the image ratio
       let R = width / height;
       let Rs = W / H;
       if (R > Rs) {
-        width = W;
-        height = W / R;
-        marginLeft =  (H - W / R) / 2;
+        height = H;
+        width = H * R;
+        marginLeft = (W - H * R) / 2;
       } else {
         width =  H * R,
         height = H;
         marginLeft = (W - H * R) / 2;
       }
-      this.marginLeft = marginLeft;
-      this.marginTop = 0;
-      this.imgChangeRatio = width / w;
-      this._setStyle(width, height, R, true);
+      this._setStyle(width, height, marginLeft, marginTop, R, true);
     },
 
-    _setStyle(w, h, r, isInit) {
-      const $container = this.$el;
+    _setStyle(w, h, ml, mt, r, isInit) {
+      const $container = this.$el.querySelector('.g-crop-image-principal');
       if(!isInit) {
         this.marginLeft = this.marginLeft + (this.width - w) / 2;
         this.marginTop = this.marginTop + (this.height - h) / 2;
       }
       $container.style.cssText = 'width:' + w + 'px;height:' + h + 'px;margin-left:'
-      + this.marginLeft + 'px;' + 'margin-top:' + this.marginTop + 'px';
-      this.width = w;
-      this.height = h;
+      + ml + 'px;' + 'margin-top:' + mt + 'px';
+      this.setCropBox(w, h);
+      if (this.isResize) {
+        this.width = w;
+        this.height = h;
+      } else {
+        if (r >= this.cropCSS.width/this.cropCSS.height) {
+          this.height = this.cropCSS.height;
+          this.width = this.height * r;
+        } else {
+          this.width = this.cropCSS.width;
+          this.height = this.width / r;
+        }
+        this.initWidth = this.width;
+        this.initHeight = this.height;
+        this.left = (w - this.width) / 2;
+        this.top = (h - this.height) / 2;
+      }
+      this.imgChangeRatio = this.width / this.natrualWidth;
     },
 
-    setCropBox() {
-      if (this.hideCrop) {
+    setCropBox(w, h, r) {
+      if (this.isResize) {
         return;
       }
       let $selectCropBox = this.__find('.crop-box');
       let $wrap = this.$el;
-      let imageWidth = this.width,
-          imageHeight = this.height;
-      let ratioW = this.ratioW,
+      let imageWidth = w,
+          imageHeight = h,
+          ratioW = this.ratioW,
           ratioH = this.ratioH;
-      const baseCropWidth = (imageWidth / 100) * CROPBOX_PERCENT;
+      let cropWidth = imageWidth;
+      if (areaWidth < w) {
+        cropWidth = areaWidth;
+      }
+      const baseCropWidth = (cropWidth / 100) * CROPBOX_PERCENT;
       const CSSObj = {
         width: baseCropWidth,
         height: (baseCropWidth / ratioW) * ratioH,
@@ -220,11 +321,12 @@ export default {
         $selectCropBox.style.cssText = helper.setCssText(CSSObj);
       };
       this.cropCSS = CSSObj;
+
     },
 
     getCropData() {
       // keep compatible with old api
-      if (this.hideCrop) {
+      if (this.isResize) {
         return {
           imgChangeRatio: this.imgChangeRatio,
           toCropImgX: 0,
@@ -234,8 +336,8 @@ export default {
         };
       }
       return {
-        toCropImgX: this.cropCSS.left / this.imgChangeRatio,
-        toCropImgY: this.cropCSS.top / this.imgChangeRatio,
+        toCropImgX: (this.cropCSS.left - this.left) / this.imgChangeRatio,
+        toCropImgY: (this.cropCSS.top - this.top) / this.imgChangeRatio,
         toCropImgW: this.cropCSS.width / this.imgChangeRatio,
         toCropImgH: this.cropCSS.height / this.imgChangeRatio,
       };
@@ -246,12 +348,15 @@ export default {
     },
 
     __find(str) {
-      let dq = document.querySelector('#vciu-modal-' + this.formId);
+      let dq = this.$el;
       return dq.querySelector(str);
     },
     // resize and drag move
     resize(e) {
       e.stopPropagation();
+      if (!this.ratio.indexOf(':')) {
+          return;
+      }
       let $el = e.target.parentElement;
       let $container = this.__find('.g-crop-image-principal');
       if (this._$container) {
@@ -261,18 +366,18 @@ export default {
       const coor = {
         x: helper.isMobile ? e.touches[0].clientX : e.clientX,
         y: helper.isMobile ? e.touches[0].clientY : e.clientY,
-        w: parseInt(window.getComputedStyle($el).width, 10),
-        h: parseInt(window.getComputedStyle($el).height, 10)
+        w: $el.offsetWidth,
+        h: $el.offsetHeight,
       };
       this.el = $el;
       this.container = $container;
+      const maxCoor = this._getMaxCropAreaWidth();
       const move = function (ev) {
         const newCropStyle = resize(ev, self.el, $container, coor, self.ratioVal);
-        if (newCropStyle) {
+        if (newCropStyle && newCropStyle.width <= maxCoor.maxWidth && newCropStyle.height <= maxCoor.maxHeight) {
           self.cropCSS.width = newCropStyle.width;
           self.cropCSS.height = newCropStyle.height;
         }
-
       };
       const end = function (ev) {
         this.el = null;
@@ -283,7 +388,6 @@ export default {
         document.removeEventListener('mousemove', move, false);
         document.removeEventListener('mouseup', end, false);
       };
-
       if (helper.isMobile) {
         document.addEventListener('touchmove', move, false);
         document.addEventListener('touchend', end, false);
@@ -292,27 +396,47 @@ export default {
       document.addEventListener('mouseup', end, false);
     },
 
+    _getMaxCropAreaWidth() {
+      const $image = this.__find('.image-wrap');
+      const $cropBox = this.__find('.crop-box');
+
+      const imageLeft = parseFloat($image.style.left);
+      const imageTop = parseFloat($image.style.top);
+      const imageWidth = parseFloat($image.style.width);
+      const imageHeight = parseFloat($image.style.height);
+      const cropBoxLeft = parseFloat($cropBox.style.left);
+      const cropBoxTop = parseFloat($cropBox.style.top);
+
+      const maxWidth = imageWidth - (cropBoxLeft - imageLeft);
+      const maxHeight = imageHeight - (cropBoxTop - imageTop);
+
+      return {
+        maxWidth,
+        maxHeight,
+      };
+    },
+
     drag(e) {
       e.preventDefault();
-      const $el = e.target;
+      const $el = this.__find('.image-wrap');
       this.el = $el;
-      const $container = this.$el;
-      const $infoAside = document.getElementsByClassName('image-aside')[0];
+      const $cropBox = this.__find('.crop-box');
+      const $container = e.currentTarget;
       const self = this;
       const isMobile = helper.isMobile;
       const coor = {
-        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft - $el.parentElement.offsetLeft - $infoAside.offsetLeft,
-        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop - $el.parentElement.offsetTop - $infoAside.offsetTop,
-        posX: isMobile ? e.touches[0]['clientX'] : e.clientX,
-        posy: isMobile ? e.touches[0]['clientY'] : e.clientY,
-        maxLeft: parseInt($container.style.width) - parseInt($el.style.width),
-        maxTop: parseInt($container.style.height) - parseInt($el.style.height),
+        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft,
+        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop,
+        maxLeft: $cropBox.offsetLeft,
+        maxTop: $cropBox.offsetTop,
+        minLeft: ($cropBox.offsetWidth + $cropBox.offsetLeft) - $el.offsetWidth,
+        minTop: ($cropBox.offsetHeight + $cropBox.offsetTop) - $el.offsetHeight,
       };
       const move = function (ev) {
         const newCropStyle = drag(ev, self.el, coor);
         if (newCropStyle) {
-          self.cropCSS.left = newCropStyle.left;
-          self.cropCSS.top = newCropStyle.top;
+          self.left = newCropStyle.left;
+          self.top = newCropStyle.top;
         }
       };
       const stopMove = function (ev) {
diff --git a/src/demo/index.js b/src/demo/index.js
deleted file mode 100644
index 70a850d..0000000
--- a/src/demo/index.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import Vue from 'vue/dist/vue';
-
-const VueCoreImageUpload = require('../index');
-
-Vue.config.silent = false;
-
-Vue.config.devtools = false;
-
-new Vue({
-  el: '#app',
-  components: {
-    'vue-core-image-upload': VueCoreImageUpload
-  },
-  data: {
-    name: 'Jiraiya',
-    src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
-    cropSrc: 'http://img1.vued.vanthink.cn/vued7553a09a5d5209ebd00a48264394b7f3.png',
-    cropArgs: {},
-    data: {token: '123123123'}
-  },
-  methods: {
-    imageuploaded(res) {
-      if (res.errcode === 0) {
-        if (res.data.src) {
-          this.src = res.data.src;
-          return;
-        }
-        this.name = res.data.name;
-        this.cropArgs = {
-          toCropImgH: parseInt(res.data.post.toCropImgH),
-          toCropImgW: parseInt(res.data.post.toCropImgW),
-          toCropImgX: parseInt(res.data.post.toCropImgX),
-          toCropImgY: parseInt(res.data.post.toCropImgY)
-        }
-        this.cropSrc = 'http://img1.vued.vanthink.cn/vued41b900045d6d44f3b32e06049621b415.png';   
-      }
-    },
-    imagechanged(res) {
-      console.log(res);  
-    },
-    errorhandle: function(msg) {
-      console.warn(msg);
-    }
-  }
-});
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index a8c0731..51df541 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,2 +1,2 @@
-import VueCoreImageUpload from './vue-core-image-upload.vue';
+import VueCoreImageUpload from 'vue-core-image-upload';
 export default VueCoreImageUpload;
diff --git a/src/lib/canvas-helper.js b/src/lib/canvas-helper.js
index 55c7882..83f6d98 100644
--- a/src/lib/canvas-helper.js
+++ b/src/lib/canvas-helper.js
@@ -17,7 +17,7 @@ export default {
     const reader = new FileReader();
     const self = this;
     reader.onload = function(event) {
-      let image = new Image();
+      const image = new Image();
       image.src = event.target.result;
       image.onload = function() {
         const mimeType = self._getImageType(src.type);
@@ -37,7 +37,10 @@ export default {
       return (typeof num === 'number');
     };
     // check crop options
-    if(checkNumber(options.toCropImgX) && checkNumber(options.toCropImgY) && options.toCropImgW > 0 && options.toCropImgH > 0) {
+    if (checkNumber(options.toCropImgX) &&
+        checkNumber(options.toCropImgY) &&
+        options.toCropImgW > 0 &&
+        options.toCropImgH > 0) {
       let w = options.toCropImgW;
       let h = options.toCropImgH;
       if(options.maxWidth && options.maxWidth < w) {
@@ -55,30 +58,110 @@ export default {
     }
   },
 
+  /**
+  * init image for reset size and rotation
+  **/
+  init(src, callback) {
+      let image = new Image();
+      image.src = src;
+      var self = this;
+      image.onload = function() {
+        var mimeType = self._getImageType(image.src);
+        var cvs = self._getCanvas(image.naturalWidth, image.naturalHeight);
+        var ctx = cvs.getContext("2d");
+        ctx.drawImage(image, 0, 0);
+        var newImageData = cvs.toDataURL(mimeType, 100);
+        callback(newImageData);
+      }
+  },
+
+  /**
+  * rotate image via canvas
+  **/
+  rotate(imageData, direction, callback) {
+      let image = new Image();
+      image.src = imageData.src;
+      var self = this;
+      image.onload = function() {
+        var mimeType = self._getImageType(image.src);
+        var cvs = self._getCanvas(image.naturalHeight, image.naturalWidth);
+        var ctx = cvs.getContext("2d");
+        if (direction == 1) {
+            ctx.rotate(90 * Math.PI / 180);
+            ctx.translate(0, -cvs.width);
+        } else {
+            ctx.rotate(-90 * Math.PI / 180);
+            ctx.translate(-cvs.height, 0);
+        }
+        ctx.drawImage(image, 0, 0);
+        var newImageData = cvs.toDataURL(mimeType, 100);
+        callback(newImageData);
+      }
+  },
+
   resize(image, options, callback) {
     const checkNumber = function(num) {
       return (typeof num === 'number');
     };
-    if(checkNumber(options.toCropImgX) && checkNumber(options.toCropImgY) && options.toCropImgW > 0 && options.toCropImgH > 0) {
-      let w = options.toCropImgW  * options.imgChangeRatio;
-      let h = options.toCropImgH * options.imgChangeRatio;
+    if (checkNumber(options.toCropImgX) && checkNumber(options.toCropImgY) && options.toCropImgW > 0 && options.toCropImgH > 0) {
+      const w = options.toCropImgW  * options.imgChangeRatio;
+      const h = options.toCropImgH * options.imgChangeRatio;
       const cvs = this._getCanvas(w, h);
-      const ctx = cvs.getContext('2d').drawImage(image, 0, 0, options.toCropImgW, options.toCropImgH, 0 , 0, w , h);
+      const ctx = cvs.getContext('2d').drawImage(image, 0, 0, options.toCropImgW, options.toCropImgH, 0, 0, w , h);
       const mimeType = this._getImageType(image.src);
-      const data = cvs.toDataURL(mimeType, options.compress/100);
+      const data = cvs.toDataURL(mimeType, options.compress / 100);
       callback(data);
     }
   },
 
+  rotate2(src, degrees, callback) {
+    this._loadImage(src, (image) => {
+      let w = image.naturalWidth;
+      let h = image.naturalHeight;
+      const canvasWidth = Math.max(w, h);
+      const cvs = this._getCanvas(canvasWidth, canvasWidth);
+      const ctx = cvs.getContext('2d');
+      ctx.save();
+      ctx.translate(canvasWidth / 2, canvasWidth / 2);
+      ctx.rotate(degrees * (Math.PI / 180));
+      let x = -canvasWidth / 2;
+      let y = -canvasWidth / 2;
+      degrees %= 360;
+      if (degrees === 0) {
+        return callback(src, w, h);
+      }
+      if ((degrees % 180) !== 0) {
+        if (degrees === -90 || degrees === 270) {
+          x = -w + canvasWidth / 2;
+        } else {
+          y = canvasWidth / 2 - h;
+        }
+        const c = w;
+        w = h;
+        h = c;
+      } else {
+        x = canvasWidth / 2 - w;
+        y = canvasWidth / 2 - h;
+      }
+      ctx.drawImage(image, x, y);
+      const cvs2 = this._getCanvas(w, h);
+      const ctx2 = cvs2.getContext('2d');
+      ctx2.drawImage(cvs, 0, 0, w, h, 0, 0, w, h);
+      const mimeType = this._getImageType(image.src);
+      const data = cvs.toDataURL(mimeType, 1);
+      callback(data, w, h);
+    });
+  },
+
   _loadImage(data, callback) {
     const image = new Image();
     image.src = data;
     image.onload = function () {
       callback(image);
-    }
-    image.onerror = function() {
+    };
+    image.onerror = function () {
       console.log('Error: image error!');
-    }
+    };
   },
 
   _getCanvas(width, height) {
diff --git a/src/lib/drag.js b/src/lib/drag.js
index 43b54a8..0e5e3c6 100644
--- a/src/lib/drag.js
+++ b/src/lib/drag.js
@@ -8,16 +8,16 @@ export default function drag(e, el, coor) {
   const currentX = isMobile ? e.changedTouches[0]['clientX'] : e.clientX;
   const currentY = isMobile ? e.changedTouches[0]['clientY'] : e.clientY;
 
-  let left = currentX - el.parentElement.offsetLeft - coor.x;
-  let top = currentY - el.parentElement.offsetTop - document.getElementsByClassName('image-aside')[0].offsetTop - coor.y;
-  if (left <= 0) {
-    left = 0;
+  let left = currentX - coor.x;
+  let top = currentY - coor.y;
+  if (left <= coor.minLeft) {
+    left = coor.minLeft;
   }
   if (left >= coor.maxLeft) {
     left = coor.maxLeft;
   }
-  if (top <= 0) {
-    top = 0;
+  if (top <= coor.minTop) {
+    top = coor.minTop;
   }
   if (top >= coor.maxTop) {
     top = coor.maxTop;
@@ -25,5 +25,5 @@ export default function drag(e, el, coor) {
   return {
     left,
     top
-  }
+  };
 };
diff --git a/src/lib/helper.js b/src/lib/helper.js
index 27c6ed2..e0383c1 100644
--- a/src/lib/helper.js
+++ b/src/lib/helper.js
@@ -1,14 +1,14 @@
-module.exports = {
+export default {
   isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
 
   setCssText: function(obj) {
     var cssArr = [];
-    for(let key in obj) {
-      let val = obj[key];
+    for(var key in obj) {
+      var val = obj[key];
       if (typeof val === 'number') {
         val = '' + val + 'px';
       }
-      cssArr.push(`${key}:${val};`)
+      cssArr.push(key + ': ' + val + ';');
     }
     return cssArr.join('');
   }
diff --git a/src/lib/resize.js b/src/lib/resize.js
index 3afad1a..9a2f668 100644
--- a/src/lib/resize.js
+++ b/src/lib/resize.js
@@ -14,16 +14,16 @@ export default function resize(e, el, container, coor, ratio) {
   }
   const H = document.body.offsetHeight;
   const ratioRemainder = 1 / ratio;
-  const dotBoxW = parseInt(window.getComputedStyle(container).width);
-  const dotBoxH = parseInt(window.getComputedStyle(container).height);
+  const dotBoxW = parseFloat(window.getComputedStyle(container).width);
+  const dotBoxH = parseFloat(window.getComputedStyle(container).height);
   const $topH = document.querySelector('.info-aside');
   const halfX = (W - dotBoxW) / 2;
-  const topH = parseInt(window.getComputedStyle($topH).height);
+  const topH = parseFloat(window.getComputedStyle($topH).height);
   const halfY = (H - dotBoxH - topH)/2;
   const resetX = isMobile ? e.changedTouches[0]['clientX'] : e.clientX;
   const resetY = isMobile ? e.changedTouches[0]['clientY'] : e.clientY;
-  const elOffsetWidth = parseInt(el.offsetWidth);
-  const elOffsetHeight = parseInt(el.offsetHeight);
+  const elOffsetWidth = el.offsetWidth;
+  const elOffsetHeight = el.offsetHeight;
   const CSSObj = {};
   if (ratio >= 1 && resetX <= halfX + dotBoxW) {
     if (elOffsetWidth >= dotBoxW) {
@@ -32,12 +32,12 @@ export default function resize(e, el, container, coor, ratio) {
     CSSObj.width = (coor.w + resetX - coor.x);
     CSSObj.height = elOffsetWidth * ratioRemainder;
     if (dotBoxW > dotBoxH) {
-      if (elOffsetWidth >= dotBoxH) {
+      if (elOffsetWidth > dotBoxH) {
         CSSObj.height = dotBoxH;
         CSSObj.width = dotBoxH * ratio;
       }
     } else if (dotBoxW < dotBoxH) {
-      if (elOffsetWidth >= dotBoxW) {
+      if (elOffsetWidth > dotBoxW) {
         CSSObj.width = dotBoxW;
         CSSObj.height = dotBoxW * ratioRemainder;
       }
@@ -47,19 +47,19 @@ export default function resize(e, el, container, coor, ratio) {
     }
   } else if (ratio < 1 && resetY < (halfY + dotBoxH + topH)) {
     CSSObj.height = (coor.h + resetY - coor.y);
-    CSSObj.width = parseInt(el.style.height) * ratio;
+    CSSObj.width = elOffsetHeight * ratio;
     // 限制拖拉的范围在图片内
     if (dotBoxW > dotBoxH) {
-      if (elOffsetHeight >= dotBoxH) {
+      if (elOffsetHeight > dotBoxH) {
         CSSObj.height = dotBoxH;
         CSSObj.width = dotBoxH * ratio;
       }
     } else if (dotBoxW < dotBoxH) {
-      if (elOffsetWidth >= dotBoxW) {
+      if (elOffsetWidth > dotBoxW) {
         CSSObj.width = dotBoxW;
         CSSObj.height = dotBoxW * ratioRemainder;
       }
-    } else if (elOffsetWidth >= dotBoxW) {
+    } else if (elOffsetWidth > dotBoxW) {
       CSSObj.width = dotBoxW;
       CSSObj.height = dotBoxW * ratioRemainder;
     }
@@ -71,16 +71,16 @@ export default function resize(e, el, container, coor, ratio) {
     CSSObj.height = el.style.width;
     // limit the crop box area
     if (dotBoxW > dotBoxH) {
-      if (elOffsetHeight >= dotBoxH) {
+      if (elOffsetHeight > dotBoxH) {
         CSSObj.height = dotBoxH;
         CSSObj.width = dotBoxH;
       }
     } else if (dotBoxW < dotBoxH) {
-      if (elOffsetWidth >= dotBoxW) {
+      if (elOffsetWidth > dotBoxW) {
         CSSObj.width = dotBoxW;
         CSSObj.height = dotBoxW;
       }
-    } else if (elOffsetWidth >= dotBoxW) {
+    } else if (elOffsetWidth > dotBoxW) {
       CSSObj.width = el.style.height = dotBoxW;
     }
   }
diff --git a/src/lib/xhr.js b/src/lib/xhr.js
index 518ec4e..48b6a86 100644
--- a/src/lib/xhr.js
+++ b/src/lib/xhr.js
@@ -12,7 +12,7 @@
    };
  }
 
-module.exports = function (method, url, headers, data, callback, err, isBinary) {
+export default function (method, url, headers, data, callback, err, isBinary) {
 
   const r = new XMLHttpRequest();
   const error = err || function () {
diff --git a/src/props.js b/src/props.js
index 1c6ab76..ea8368d 100644
--- a/src/props.js
+++ b/src/props.js
@@ -6,15 +6,9 @@ export default {
     type:String,
     default:  'Upload Image'
   },
-  class: {
-    type: Array,
-    default:function() {
-      return [];
-    }
-  },
   extensions: {
     type: String,
-    default:'png.jpg,jpeg,gif,svg,webp'
+    default:'png,jpg,jpeg,gif,svg,webp'
   },
   inputOfFile: {
     type: String,
@@ -41,6 +35,10 @@ export default {
     type: [String, Boolean],
     default: false,
   },
+  rotate: {
+    type: Boolean,
+    default: false,
+  },
   ResizeBtn: {
     type: Object,
     default: function() {
@@ -62,7 +60,7 @@ export default {
   },
   inputAccept:{
     type: String,
-    default: 'image/jpg,image/jpeg,image/png'
+    default: 'image/jpg,image/jpeg,image/png,image/gif'
   },
   isXhr: {
     type: Boolean,
@@ -95,5 +93,9 @@ export default {
   compress: {
     type: [Number, String],
     default: 0,
+  },
+  credentials: {
+    type: [String, Boolean],
+    default: true,
   }
 }
diff --git a/src/resize-bar.vue b/src/resize-bar.vue
index 99bea5b..9dc2e47 100644
--- a/src/resize-bar.vue
+++ b/src/resize-bar.vue
@@ -8,13 +8,15 @@
 <style scoped>
   .g-resize-bar{
     position: absolute;
+    bottom: 0px;
     margin: 17px auto;
     height: 6px;
     border-radius: 3px;
     width:200px;
     margin-left: -100px;
     left: 50%;
-    background-color: #ddd;
+    background-color: #a8f9ca;
+    box-shadow: 0 2px 3px -1px rgba(0,0,0,.3);
   }
   .g-resize-highlight{
     position: absolute;
@@ -34,18 +36,9 @@
     margin-left: -7px;
     background-color: #fff;
     border-radius: 7px;
-    box-shadow: 0 2px 4px -2px rgba(0,0,0,.5), 0 -2px 4px -2px rgba(0,0,0,.45);
+    box-shadow: 0 2px 3px -2px rgba(0,0,0,.6), 0 -2px 3px -2px rgba(0,0,0,.55);
     border-width: 0;
   }
-
-  @media all and (max-width:480px) {
-    .g-resize-bar{
-      width:120px;
-      margin-left: auto;
-      left:10px;
-    }
-
-  }
 </style>
 
 <script>
@@ -68,35 +61,34 @@ export default {
   },
 
   methods: {
-    setRatio(num) {
-      this.progress = 100;
-      this.left = 100;
+    setProgress(num) {
+      this.left = num;
     },
 
     drag(e) {
       e.preventDefault();
+      e.stopPropagation();
       const $el = e.target;
       this.el = $el;
       const $container = this.$el.parentElement;
       const self = this;
       const isMobile = helper.isMobile;
-      const width = document.querySelector('.g-resize-bar').offsetWidth;
+      const width = 200;
       const coor = {
-        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft - $el.parentElement.offsetLeft,
-        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop - $el.parentElement.offsetTop,
-        posX: isMobile ? e.touches[0]['clientX'] : e.clientX,
-        posy: isMobile ? e.touches[0]['clientY'] : e.clientY,
+        x: (isMobile ? e.touches[0]['clientX'] : e.clientX) - $el.offsetLeft,
+        y: (isMobile ? e.touches[0]['clientY'] : e.clientY) - $el.offsetTop,
         maxLeft: width,
         maxTop: parseInt($container.style.height) - parseInt($el.style.height),
+        minLeft: 0,
+        minTop: 0,
       };
       const move = function (ev) {
         const newCoor = drag(ev, self.el, coor);
         if (newCoor) {
-          console.log(self.minProgress);
           if((newCoor.left / width) < self.minProgress) {
             return;
           }
-          self.progress = newCoor.left / width;
+          self.progress = (newCoor.left-width/2) / width;
           self.left = newCoor.left / width * 100;
 
           self.$emit('resize', self.progress);
diff --git a/src/rotate-bar.vue b/src/rotate-bar.vue
new file mode 100644
index 0000000..77aa551
--- /dev/null
+++ b/src/rotate-bar.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="g-rotate-bar">
+    <a href="javascript:;" @click="rotateLeft">
+      <svg class="svg-icon" viewBox="0 0 481.95 481.95">
+        <path d="M281.7,243.8V138.2c75.9,13.5,135.4,78.6,135.4,159.8s-59.6,146.3-135.4,159.8V512
+          c105.7-13.5,189.6-102.9,189.6-214s-84-200.5-189.6-214V0L159.8,121.9L281.7,243.8z M94.8,270.9c2.7-24.4,13.5-46.1,27.1-67.7
+          L84,165.2C59.6,197.8,46.1,233,40.6,270.9H94.8z M159.8,430.7l-37.9,37.9c32.5,24.4,67.7,37.9,105.7,43.3v-54.2
+          C203.2,455.1,181.5,444.3,159.8,430.7z M94.8,325.1H40.6c2.7,37.9,19,73.1,43.3,105.7l37.9-37.9
+          C108.4,371.1,97.5,349.5,94.8,325.1z" fill="#27ae60" />
+      </svg>
+    </a>
+    <a href="javascript:;" @click="rotateRight">
+      <svg class="svg-icon" viewBox="0 0 481.95 481.95">
+      		<path d="M331.5,114.75L216.75,0v79.05C117.3,91.8,38.25,175.95,38.25,280.5s79.05,188.7,178.5,201.45v-51    C145.35,418.2,89.25,357,89.25,280.5s56.1-137.7,127.5-150.45v99.45L331.5,114.75z M443.7,255    c-5.101-35.7-17.851-68.85-40.8-99.45l-35.7,35.7c12.75,20.4,22.95,40.8,25.5,63.75H443.7z M267.75,430.95v51    c35.7-5.101,68.85-17.851,99.45-40.8l-35.7-35.7C311.1,418.2,290.7,428.4,267.75,430.95z M367.2,369.75l35.7,35.7    c22.949-30.601,38.25-63.75,40.8-99.45h-51C390.15,328.95,379.95,349.35,367.2,369.75z" fill="#27ae60"/>
+      </svg>
+    </a>
+  </div>
+</template>
+
+<style>
+.g-rotate-bar{
+    position: absolute;
+    bottom: 30px;
+    left: 0;
+    right: 0;
+    text-align: center;
+}
+.g-rotate-bar .svg-icon{
+  display: inline-block;
+  width: 1.2em;
+  height: 1.2em;
+  margin: 0 2em;
+}
+</style>
+
+<script>
+export default {
+  data() {
+      return {
+        rotateDegree: 0,
+      }
+  },
+
+  methods: {
+    rotateRight() {
+      this.rotateDegree += 90;
+      this.$emit('rotate', this.rotateDegree);
+    },
+
+    rotateLeft() {
+      this.rotateDegree -= 90;
+      this.$emit('rotate', this.rotateDegree);
+    },
+  }
+};
+
+</script>
diff --git a/src/style/style.css b/src/style/style.css
index f193446..78b7ea7 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -8,6 +8,9 @@
   right: 0;
   top:0;
   bottom:0;
+  width: 100%;
+  height: 100%;
+  min-height: 61px;
   opacity: 0;
 }
 .g-core-image-upload-container{
@@ -27,7 +30,6 @@
 .dropped{
   border:4px solid #ea6153;
 }
-
 .g-core-image-corp-container{
   z-index: 1900;
   position:fixed;
@@ -105,6 +107,3 @@
   border-color:#27ae60;
   box-shadow: 0 1px 3px rgba(0,0,0,.05);
 }
-.g-core-image-corp-container .g-crop-image-box,.g-core-image-corp-container .g-crop-image-box .g-crop-image-principal{
-  position: relative;
-}
diff --git a/src/vue-core-image-upload.vue b/src/vue-core-image-upload.vue
index 24be392..e0555f0 100644
--- a/src/vue-core-image-upload.vue
+++ b/src/vue-core-image-upload.vue
@@ -1,24 +1,23 @@
 <template>
-  <div class="g-core-image-upload-btn">
-    {{text}}
-    <form class="g-core-image-upload-form" v-show="!hasImage" method="post" enctype="multipart/form-data" action="/api2/common_user/cropHeadUrl" style="display: block; cursor: pointer; position: absolute; left: 0px; top: 0px; width: 1242px; height: 61px; opacity: 0; margin: 0px; padding: 0px; overflow: hidden;">
-      <input v-bind:disabled="uploading" v-bind:id="'g-core-upload-input-' + formID" v-bind:name="name" v-bind:multiple="multiple" type="file" v-bind:accept="inputAccept" v-on:change="change" style="width: 100%; height: 100%;">
+  <div class="g-core-image-upload-btn" ref="container">
+    <slot>{{text}}</slot>
+    <form class="g-core-image-upload-form" v-show="!hasImage" method="post" enctype="multipart/form-data" action="" style="">
+      <input v-bind:disabled="uploading" v-bind:id="'g-core-upload-input-' + formID" v-bind:name="name" v-bind:multiple="multiple" type="file" v-bind:accept="inputAccept" v-on:change="change" v-on:dragover="dragover" v-on:dragenter="dragover" v-on:dragleave="dragleave" v-on:dragend="dragleave" v-on:drop="dragleave" style="width: 100%; height: 100%;">
     </form>
     <div class="g-core-image-corp-container" v-bind:id="'vciu-modal-' + formID" v-show="hasImage">
-      <div class="image-aside">
-        <div class="g-crop-image-box">
-          <crop :form-id="formID" ref="cropBox" :hide-crop="resize" :ratio="cropRatio"></crop>
-        </div>
-      </div>
+      <crop ref="cropBox" :is-resize="resize && !crop" :ratio="cropRatio" :is-rotate="rotate"></crop>
       <div class="info-aside">
-        <resize-bar v-if="resize" :min-progress="image.minProgress" ref="resizeBar" @resize="resizeImage"></resize-bar>
+        <p class="btn-groups rotate-groups" style="display:none">
+          <button type="button" v-on:click="doRotate" class="btn btn-rotate">↺</button>
+          <button type="button" v-on:click="doReverseRotate" class="btn btn-reverserotate">↻</button>
+        </p>
         <p class="btn-groups" v-if="crop">
           <button type="button" v-on:click="doCrop" class="btn btn-upload">{{cropBtn.ok}}</button>
-          <button type="button" v-on:click="cancel()" class="btn btn-cancel">{{cropBtn.cancel}}</button>
+          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{cropBtn.cancel}}</button>
         </p>
-        <p class="btn-groups" v-if="resize">
+        <p class="btn-groups" v-if="resize && !crop">
           <button type="button" v-on:click="doResize" class="btn btn-upload">{{ResizeBtn.ok}}</button>
-          <button type="button" v-on:click="cancel()" class="btn btn-cancel">{{ResizeBtn.cancel}}</button>
+          <button type="button" v-on:click="cancel" class="btn btn-cancel">{{ResizeBtn.cancel}}</button>
         </p>
       </div>
   </div>
@@ -29,13 +28,14 @@
 </style>
 
 <script>
-  import xhr from './lib/xhr';
+  import xhr from 'core-image-xhr';
   import GIF_LOADING_SRC from './lib/loading-gif';
   import canvasHelper from './lib/canvas-helper';
   import props from './props';
   import Crop from './crop.vue';
   import ResizeBar from './resize-bar.vue';
 
+  let overflowVal = '';
   export default {
     components: {
       Crop,
@@ -68,24 +68,33 @@
     },
 
     methods: {
-      __dispatch(name,res) {
-        this.$emit && this.$emit(name, res);
+      __dispatch(name,res, data) {
+        this.$emit && this.$emit(name, res, data);
       },
       __find(str) {
         let dq = document.querySelector('#vciu-modal-' + this.formID);
         return dq.querySelector(str);
       },
+      dragover() {
+        let element = this.$refs.container;
+        element.classList.add('is-dragover');
+      },
+      dragleave() {
+        let element = this.$refs.container;
+        element.classList.remove('is-dragover');
+      },
       change(e) {
         let fileVal = document.querySelector('#g-core-upload-input-' + this.formID).value.replace(/C:\\fakepath\\/i, "");
         let fileExt = fileVal.substring(fileVal.lastIndexOf(".") + 1);
         const extensionsArr = this.extensions.split(',');
-        if(extensionsArr.length>1) {
-            var reg = new RegExp('^[' + extensionsArr.join('|') + ']+$','i');
+        if(extensionsArr.length) {
+            var reg = new RegExp('^(?:' + extensionsArr.join('|') + ')$','i');
             if (!reg.test(fileExt)) {
                 return this.__dispatch('errorhandle','TYPE ERROR');
             }
         }
-        if (e.target.files[0].size > this.maxFileSize) {
+
+        if (Array.prototype.slice.call(e.target.files).some(file => file.size > this.maxFileSize)) {
             var formatSize;
             if (parseInt(this.maxFileSize / 1024 / 1024) > 0) {
                 formatSize = (this.maxFileSize / 1024 / 1024).toFixed(2) + 'MB';
@@ -98,13 +107,18 @@
             return this.__dispatch('errorhandle','FILE IS TOO LARGER MAX FILE IS ' + formatSize);
         }
 
+        if (this.multipleSize > 0 && e.target.files.length > this.multipleSize) {
+              console.warn('FILE NUM IS LARGER THAN ' + this.multipleSize);
+              return this.__dispatch('errorhandle', 'FILE NUM OVERLOAD');
+        }
+
         this.files = e.target.files;
-        if(this.crop || this.resize) {
+        if (this.crop || this.resize) {
           this.__showImage();
           return;
         }
-        this. __dispatch('imagechanged', this.files[0]);
-        if (this.compress) {
+        this. __dispatch('imagechanged', this.files.length > 1 ? this.files : this.files[0]);
+        if (this.compress && this.files[0]['type'] !== 'image/png' && this.files[0]['type'] !== 'image/gif') {
           canvasHelper.compress(this.files[0], 100 - this.compress, (code) => {
             this.tryAjaxUpload('', true, code);
           });
@@ -117,11 +131,13 @@
         this.__readFiles();
       },
 
-       __readFiles() {
+      __readFiles() {
         let reader = new FileReader();
         let self = this;
         reader.onload = function(e) {
           let src = e.target.result;
+          overflowVal = document.body.style.overflow;
+          document.body.style.overflow = 'hidden';
           self.__initImage(src);
         }
         reader.readAsDataURL(this.files[0]);
@@ -133,14 +149,11 @@
         let self = this;
         pic.src = src;
         const cropBox = this.$refs.cropBox;
-        const resizeBar = this.$refs.resizeBar;
         pic.onload= function() {
           self.image.minProgress = self.minWidth / pic.naturalWidth;
-          self.imgChangeRatio = cropBox.setImage(src, pic.naturalWidth, pic.naturalHeight);
-          if (resizeBar) {
-            resizeBar.setRatio(self.imgChangeRatio);
-          }
-
+          canvasHelper.init(src, (src) => {
+            self.imgChangeRatio = cropBox.setImage(src, pic.naturalWidth, pic.naturalHeight);
+          });
         }
       },
 
@@ -149,30 +162,51 @@
         cropBox.resizeImage(progress);
       },
 
+      doRotate(e) {
+        let self = this;
+        const cropBox = this.$refs.cropBox;
+        const targetImage = cropBox.getCropImage();
+        this.data.compress = 100 - this.compress;
+        return canvasHelper.rotate(targetImage, 1, (src) => {
+            self.__initImage(src)
+          })
+      },
+
+      doReverseRotate(e) {
+        let self = this;
+        const cropBox = this.$refs.cropBox;
+        const targetImage = cropBox.getCropImage();
+        this.data.compress = 100 - this.compress;
+        return canvasHelper.rotate(targetImage, -1, (src) => {
+            self.__initImage(src)
+          })
+      },
+
       doCrop(e) {
         this.__setData('crop');
         const cropBox = this.$refs.cropBox;
         const upload = this.__setUpload(e.target);
         if (this.crop === 'local') {
           const targetImage = cropBox.getCropImage();
-          this.data.comprose = 100 - this.compress;
+          this.data.compress = 100 - this.compress;
           return canvasHelper.crop(targetImage, this.data, (code) => {
             upload(code);
+            this.__dispatch('imagechanged', code);
           })
         }
         upload();
-
       },
 
       doResize(e) {
-        this.__setData('reszie');
+        this.__setData('resize');
         const cropBox = this.$refs.cropBox;
         const upload = this.__setUpload(e.target);
         if (this.resize === 'local') {
           const targetImage = cropBox.getCropImage();
-          this.data.comprose = 100 - this.compress;
+          this.data.compress = 100 - this.compress;
           return canvasHelper.resize(targetImage, this.data, (code) => {
             upload(code);
+            this.__dispatch('imagechanged', code);
           })
         }
         upload();
@@ -200,10 +234,9 @@
       },
 
       __setUpload(btn) {
-        btn.value = btn.value + '...';
-        btn.disabled = true;
-
         const upload = (code) => {
+          btn.value = btn.value + '...';
+          btn.disabled = true;
           this.tryAjaxUpload(() => {
             btn.value = btn.value.replace('...','');
             btn.disabled = false;
@@ -214,7 +247,10 @@
 
       cancel() {
         this.hasImage = false;
+        document.body.style.overflow = overflowVal;
         this.files = '';
+        const cropBox = this.$refs.cropBox;
+        cropBox.setOriginalSrc(null);
         document.querySelector('#g-core-upload-input-' + this.formID).value = '';
       },
 
@@ -228,7 +264,7 @@
           }
           self.uploading = false;
           self.cancel();
-          self.__dispatch('imageuploaded',res);
+          self.__dispatch('imageuploaded',res, self.data);
         };
         const errorUpload = function(err) {
           self.__dispatch('errorhandle', err);
@@ -263,8 +299,7 @@
             }
           }
         }
-
-        xhr('POST',this.url, this.headers, data, done, errorUpload, isBinary);
+        xhr('POST',this.url, this.headers, data, done, errorUpload, isBinary, this.credentials);
       },
     },
 
diff --git a/webpack.config.js b/webpack.config.js
index 29cc2ea..90ab21c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,14 +1,26 @@
 const webpack = require( 'webpack' );
 const path = require('path');
+const fse = require('fs-extra');
+
+fse.copySync('./src', './dist');
 
 module.exports = {
   context: path.resolve(__dirname, './src'),
   entry: {
-    'index': './vue-core-image-upload.vue'
+    'index': './vue-core-image-upload.vue',
+    'dist/lib/canvas-helper': './lib/canvas-helper.js',
+    'dist/lib/helper': './lib/helper.js',
+    'dist/lib/drag': './lib/drag.js',
+    'dist/lib/resize': './lib/resize.js',
+    'dist/lib/xhr': './lib/xhr.js',
+    'dist/lib/loading-gif': './lib/loading-gif.js',
+    'dist/props': './props',
+    'dist/props': './props',
+
   },
   output: {
     path: path.resolve(__dirname),
-    filename: 'index.js',
+    filename: '[name].js',
     library: 'VueCoreImageUpload',
     libraryTarget: 'umd',
   },