Revert "白板 打包修改"

This reverts commit 27c7db87.

Static.bundle/css/app.6d43a2f3.css

+.tool{padding:10px;cursor:pointer}.active,.tool:not(.active):hover{background:#e6e9f0;border-radius:5px}.toolSettings{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;background:#fff;padding:10px 5px;border-radius:5px;right:65px;top:0;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.2);box-shadow:0 10px 30px 8px rgba(0,0,0,.2)}.toolSettings,.toolSettings .settingsActions{display:-webkit-box;display:-ms-flexbox;display:flex}.toolSettings .settingsActions .tool:not(:last-child){margin-right:5px}.toolSettings .settingsSlider{margin-top:10px;padding:5px!important}.toolSettings .settingsColorPicker{margin-top:10px}.colorPicker{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorPicker .color{width:30px;height:30px;margin:5px;border-radius:15px;-webkit-transition:opacity .2s;transition:opacity .2s;border:1px solid rgba(0,0,0,.1)}.colorPicker .color:not(.active):hover{cursor:pointer;border:1px solid rgba(0,0,0,.5)}.mainPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:120px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4);z-index:99}.mainPanel .actionsPanel .tool:not(:last-child){margin-bottom:5px;text-align:center}.historyPanel{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:99;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:370px;right:15px;padding:6px;background:#fff;border-radius:5px;-webkit-box-shadow:0 10px 30px 8px rgba(0,0,0,.4);box-shadow:0 10px 30px 8px rgba(0,0,0,.4)}body,html{width:100%;height:100%}body{margin:0;padding:0;height:100%}#wrapperBox{position:relative;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch}#cover{left:0;right:0;z-index:-1}#cover,canvas{position:absolute;height:300vh}canvas{width:100%;background:#005141}.btn{position:fixed;width:80px;height:30px;bottom:10px;right:10px;z-index:999;background:#e6e9f0;border:none;line-height:30px;border-radius:5px}
\ No newline at end of file

Static.bundle/css/chunk-vendors.a7bbc042.css

+.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 1px 2px rgba(52,152,219,.36);box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;-webkit-box-sizing:content-box;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after,.vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-left:after,.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-right:after{right:100%;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;-webkit-transition:all .3s;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}
\ No newline at end of file

Static.bundle/js/app.17060658.js

+(function(t){function e(e){for(var n,s,a=e[0],l=e[1],c=e[2],h=0,p=[];h<a.length;h++)s=a[h],r[s]&&p.push(r[s][0]),r[s]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(t[n]=l[n]);u&&u(e);while(p.length)p.shift()();return i.push.apply(i,c||[]),o()}function o(){for(var t,e=0;e<i.length;e++){for(var o=i[e],n=!0,a=1;a<o.length;a++){var l=o[a];0!==r[l]&&(n=!1)}n&&(i.splice(e--,1),t=s(s.s=o[0]))}return t}var n={},r={app:0},i=[];function s(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,s),o.l=!0,o.exports}s.m=t,s.c=n,s.d=function(t,e,o){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(s.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)s.d(o,n,function(e){return t[e]}.bind(null,n));return o},s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=e,a=a.slice();for(var c=0;c<a.length;c++)e(a[c]);var u=l;i.push([0,"chunk-vendors"]),o()})({0:function(t,e,o){t.exports=o("56d7")},1:function(t,e){},"15c1":function(t,e,o){},2:function(t,e){},3585:function(t,e,o){"use strict";var n=o("ad9b"),r=o.n(n);r.a},"37a8":function(t,e,o){"use strict";var n=o("4392"),r=o.n(n);r.a},4392:function(t,e,o){},5515:function(t,e,o){"use strict";var n=o("676d"),r=o.n(n);r.a},"56d7":function(t,e,o){"use strict";o.r(e);o("14c6"),o("08c1"),o("4842"),o("d9fc");var n=o("2b0e"),r=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("whiteboard")},i=[],s=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{attrs:{id:"wrapperBox"}},[o("div",{attrs:{id:"cover"}}),o("canvas",{ref:"whiteboard",attrs:{id:"whiteboard",resize:""}}),o("mainPanel"),o("historyPanel"),o("button",{staticClass:"btn",on:{click:t.submit}},[t._v("提交截图")])],1)},a=[],l=o("bd86"),c=(o("ac6a"),o("28a5"),o("2222")),u=o.n(c),h=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"mainPanel"},[o("div",{staticClass:"actionsPanel"},[o("panelToolIcon",{attrs:{icon:"mouse-pointer",isActive:"mousePointer"===t.tool},nativeOn:{click:function(e){return t.dragScreen(e)}}}),o("panelToolIcon",{attrs:{icon:"hand-paper",isActive:"pointMove"===t.tool},nativeOn:{click:function(e){return t.pointMove(e)}}}),o("panelToolIcon",{attrs:{toolColor:t.toolColor,isActive:"pencil"===t.tool||"brush"===t.tool,icon:t.activeTool},nativeOn:{click:function(e){return t.toggleToolSettings(e)}}}),o("panelToolIcon",{attrs:{toolColor:"#133337",isActive:"eraser"===t.tool,icon:"eraser"},nativeOn:{click:function(e){t.toggleEraserSettings(),t.setWhiteboardTool("eraser")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool||"square"===t.tool||"triangle"===t.tool||"line"===t.tool,icon:t.activeShape},nativeOn:{click:function(e){return t.toggleShapeSettings(e)}}})],1),o("div",{staticClass:"actionSettingsPanel"},[o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isToolSettingsOpened,expression:"isToolSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"}),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setToolColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setToolSize,min:0,max:20,value:t.toolSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isEraserSettingsOpened,expression:"isEraserSettingsOpened"}]},[o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setEraserSize,min:0,max:80,value:t.eraserSize},slot:"slider"})],1),o("panelToolSettings",{directives:[{name:"show",rawName:"v-show",value:t.isShapeSettingsOpened,expression:"isShapeSettingsOpened"}]},[o("div",{staticClass:"settingsActions",attrs:{slot:"settingsActions"},slot:"settingsActions"},[o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"circle"===t.tool,icon:"circle"},nativeOn:{click:function(e){return t.setWhiteboardTool("circle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"square"===t.tool,icon:"square"},nativeOn:{click:function(e){return t.setWhiteboardTool("square")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"triangle"===t.tool,icon:"exclamation-triangle"},nativeOn:{click:function(e){return t.setWhiteboardTool("triangle")}}}),o("panelToolIcon",{attrs:{toolColor:t.shapeColor,isActive:"line"===t.tool,icon:"slash"},nativeOn:{click:function(e){return t.setWhiteboardTool("line")}}})],1),o("colorPicker",{staticClass:"settingsColorPicker",attrs:{slot:"settingsColorPicker",onSelectColor:t.setShapeColor,colors:t.colors},slot:"settingsColorPicker"}),o("rangeSlider",{staticClass:"settingsSlider",attrs:{slot:"slider",onChange:t.setShapeSize,min:0,max:20,value:t.shapeSize},slot:"slider"})],1)],1)])},p=[],d=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"tool",class:{active:t.isActive}},[o("font-awesome-icon",{attrs:{color:t.toolColor,icon:t.icon}})],1)},g=[],f={props:["icon","toolColor","isActive"]},v=f,m=(o("5cf0"),o("2877")),S=Object(m["a"])(v,d,g,!1,null,null,null),y=S.exports,C=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolSettings"},[t._t("settingsActions"),t._t("slider"),t._t("settingsColorPicker")],2)},T=[],w={},b=w,O=(o("37a8"),Object(m["a"])(b,C,T,!1,null,null,null)),_=O.exports,x=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"colorPicker"},t._l(t.colors,function(e,n){return o("div",{key:n,staticClass:"color",style:{"background-color":e},on:{click:function(o){return t.selectColor(e)}}})}),0)},E=[],A={props:["colors","onSelectColor"],methods:{selectColor:function(t){this.onSelectColor(t)}}},k=A,M=(o("3585"),Object(m["a"])(k,x,E,!1,null,null,null)),P=M.exports,z=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("vue-slider",{attrs:{lazy:!0,min:t.min,max:t.max,dotSize:12,height:3,interval:2,processStyle:{background:"black"},bgStyle:{backgroundColor:"#e6e9f0"},sliderStyle:{backgroundColor:"black",boxShadow:"unset"},tooltip:"none",width:"168px"},model:{value:t.sliderValue,callback:function(e){t.sliderValue=e},expression:"sliderValue"}})},I=[],j=o("4971"),D=o.n(j),R={components:{VueSlider:D.a},data:function(){return{sliderValue:this.value}},props:["min","max","value","onChange"],watch:{sliderValue:function(t){this.onChange(t)}}},W=R,H=Object(m["a"])(W,z,I,!1,null,null,null),$=H.exports,L=["#000000","#39B54A","#7841CC","#FFD54F","#00C6C2","#FF0000","#EC008C","#6DCFF6","#FBAF5D","#448CCB","#6d7dd7","#fd7e14"],U={components:{panelToolIcon:y,panelToolSettings:_,rangeSlider:$,colorPicker:P},data:function(){return{isToolSettingsOpened:!1,isEraserSettingsOpened:!1,isShapeSettingsOpened:!1,colors:L,cover:""}},methods:{dragScreen:function(){console.log("###",this.cover),this.cover.style.zIndex=1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("mousePointer")},pointMove:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!1,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pointMove")},toggleToolSettings:function(){this.cover.style.zIndex=-1,this.isToolSettingsOpened=!this.isToolSettingsOpened,this.isEraserSettingsOpened=!1,this.isShapeSettingsOpened=!1,this.setWhiteboardTool("pencil"),this.setToolSize(this.toolSize)},toggleEraserSettings:function(){console.log(this.cover.style,"@@@"),this.cover.style.zIndex=-1,this.isEraserSettingsOpened=!this.isEraserSettingsOpened,this.isToolSettingsOpened=!1,this.isShapeSettingsOpened=!1},toggleShapeSettings:function(){this.cover.style.zIndex=-1,this.isShapeSettingsOpened=!this.isShapeSettingsOpened,this.isEraserSettingsOpened=!1,this.isToolSettingsOpened=!1,this.setWhiteboardTool("circle")},setToolColor:function(t){this.$store.dispatch("setToolColor",t),this.isToolSettingsOpened=!1},setShapeColor:function(t){this.$store.dispatch("setShapeColor",t)},setToolSize:function(t){this.$store.dispatch("setToolSize",t)},setEraserSize:function(t){this.$store.dispatch("setEraserSize",t)},setShapeSize:function(t){this.$store.dispatch("setShapeSize",t)},setWhiteboardTool:function(t){this.$store.dispatch("setWhiteboardTool",t)}},computed:{activeTool:function(){return"pencil"===this.tool?"pencil-alt":"brush"===this.tool?"paint-brush":"pencil-alt"},activeShape:function(){return"cricle"===this.tool?"circle":"square"===this.tool?"square":"triangle"===this.tool?"exclamation-triangle":"line"===this.tool?"slash":"circle"},tool:function(){return this.$store.getters.tool},toolColor:function(){return this.$store.getters.toolArgs.color},shapeColor:function(){return this.$store.getters.shapeArgs.color},toolSize:function(){return this.$store.getters.toolArgs.size},eraserSize:function(){return this.$store.getters.eraserArgs.size},shapeSize:function(){return this.$store.getters.shapeArgs.size}},mounted:function(){this.cover=document.getElementById("cover"),this.$store.dispatch("setWhiteboardTool","pencil")}},q=U,N=(o("f52a"),Object(m["a"])(q,h,p,!1,null,null,null)),F=N.exports,V=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"historyPanel"},[o("panelToolIcon",{attrs:{icon:"undo"},nativeOn:{click:function(e){return t.undo(e)}}}),o("panelToolIcon",{attrs:{icon:"redo"},nativeOn:{click:function(e){return t.redo(e)}}})],1)},B=[],Z=o("d225"),J=o("b0b4"),Y=function(){function t(e){Object(Z["a"])(this,t),this.limit=e,this.clear()}return Object(J["a"])(t,[{key:"add",value:function(t){(this.history.length>=this.limit||this.current==this.history.length-1)&&this.history.shift(),this.history.push(t),this.current=this.history.length}},{key:"undo",value:function(){this.current>0&&this.history[--this.current].unexec()}},{key:"redo",value:function(){this.history.length>this.current&&this.history[this.current++].exec()}},{key:"clear",value:function(){this.history=[],this.current=0}}]),t}(),G=new Y(1e3),X={components:{panelToolIcon:y},methods:{undo:function(){G.undo()},redo:function(){G.redo()}}},K=X,Q=(o("9345"),Object(m["a"])(K,V,B,!1,null,null,null)),tt=Q.exports,et=o("c0e9"),ot=o.n(et),nt=o("2f62");function rt(t){var e=document.getElementById("cover");e.style.zIndex=1}var it=new u.a.Tool;it.onMouseDown=rt;var st,at={segments:!0,stroke:!0,fill:!0,tolerance:5};function lt(t){st=null,console.log(t);var e=u.a.project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),u.a.project.activeLayer.selected=!1,t.item&&(t.item.selected=!0)}function ut(t){console.log(st,t,"onMouseDrag"),st&&(st.layer.position.x+=t.delta.x,st.layer.position.y+=t.delta.y)}var ht=new u.a.Tool;ht.onMouseDown=lt,ht.onMouseDrag=ut,ht.onMouseMove=ct;o("7f7f");var pt=o("4c17"),dt=o.n(pt),gt=function(t){t||(t=dt()());var e=new u.a.Layer({name:t});return u.a.project.addLayer(e),e},ft=function(){function t(e){Object(Z["a"])(this,t),this._args=e}return Object(J["a"])(t,[{key:"exec",value:function(){if(u.a.project.layers[this._args.layer]||gt(this._args.layer),this.removed)return u.a.project.layers[this._args.layer].addChildren(this.removed)}},{key:"unexec",value:function(){this.removed=u.a.project.layers[this._args.layer].removeChildren()}}]),t}(),vt={path:null,group:null};function mt(t){var e=gt();vt.path=new u.a.Path,vt.path.strokeColor=se.getters.toolArgs.color,vt.path.strokeWidth=se.getters.toolArgs.size,vt.path.add(t.point),vt.group=new u.a.Group({children:[vt.path],layer:e}),vt.group.addChild(new u.a.Shape.Ellipse({layer:e,center:t.point,strokeColor:se.getters.toolArgs.color,fillColor:se.getters.toolArgs.color,radius:se.getters.toolArgs.size/2})),e.addChild(vt.group)}function St(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),vt.path&&(vt.path.add(t.point),vt.path.selected=!1)}function yt(t){vt.path.add(t.point);var e=new ft({layer:vt.path.layer.name,tool:se.getters.tool,points:vt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),vt.path.selected=!1,vt.path=null,vt.group=null}var Ct=new u.a.Tool;Ct.onMouseDown=mt,Ct.onMouseDrag=St,Ct.onMouseUp=yt;var Tt={path:null};function wt(){var t=gt();Tt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");Tt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(Tt.path)}function bt(t){if(Tt.path){var e=t.delta;e.x*=se.getters.toolArgs.size/2.8,e.y*=se.getters.toolArgs.size/2.8,e.angle+=90;var o=t.middlePoint.add(e),n=t.middlePoint.subtract(e);Tt.path.selected=!1,Tt.path.add(o),Tt.path.insert(0,n)}}function Ot(){Tt.path.simplify();var t=new ft({layer:Tt.path.layer.name,tool:se.getters.tool,points:Tt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Tt.path.selected=!1,Tt.path=null}var _t=new u.a.Tool;function xt(t){var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}_t.minDistance=7,_t.maxDistance=7,_t.onMouseDown=wt,_t.onMouseDrag=bt,_t.onMouseUp=Ot;var Et={layName:[],path:null,group:null},At={segments:!0,stroke:!0,fill:!0,tolerance:5};function kt(t){var e=u.a.project.hitTest(t.point,At);if(e){var o=e.item,n=G.history.filter(function(t){return t._args.layer==o.layer.name});console.log(n),Et.layName.push(o.layer.name),n[0].unexec()}}function Mt(t){Et.layName=[],kt(t)}function Pt(t){kt(t)}function zt(t){if(Et.layName.length){var e={name:Et.layName,_args:"",exec:function(){this.name.forEach(function(t){var e=G.history.filter(function(e){return e._args.layer==t});e[0].unexec()})},unexec:function(){console.log(this),this.name.forEach(function(t){var e=G.history.filter(function(e){return console.log(G.history,e),e._args.layer==t});e[0].exec()})}};G.add(e)}}var It=new u.a.Tool;It.onMouseDown=Mt,It.onMouseDrag=Pt,It.onMouseUp=zt;var jt={path:null,center:null};function Dt(t){var e=gt();jt.path=new u.a.Shape.Circle({center:t.point,strokeColor:se.getters.shapeArgs.color,strokeWidth:se.getters.shapeArgs.size}),e.addChild(jt.path),jt.center=t.point}function Rt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),jt.path&&(jt.path.radius=Math.sqrt((t.point.x-jt.center.x)*(t.point.x-jt.center.x)+(t.point.y-jt.center.y)*(t.point.y-jt.center.y)))}function Wt(){var t=new ft({layer:jt.path.layer.name,tool:se.getters.tool,center:jt.center,radius:jt.path.radius});jt.path=null,G.add(t)}var Ht=new u.a.Tool;Ht.onMouseDown=Dt,Ht.onMouseDrag=Rt,Ht.onMouseUp=Wt;var $t={path:null,center:null,layer:null};function Lt(t){$t.layer=gt(),$t.center=t.point}function Ut(t){$t.path&&$t.path.remove(),$t.path=new u.a.Shape.Rectangle($t.center,t.point),$t.path.strokeColor=se.getters.shapeArgs.color,$t.path.strokeWidth=se.getters.shapeArgs.size}function qt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),$t.layer.addChild($t.path);var n=new ft({layer:$t.path.layer.name,tool:se.getters.tool,from:{x:$t.center.x,y:$t.center.y},to:{x:t.point.x,y:t.point.y}});$t.path=null,G.add(n)}var Nt=new u.a.Tool;Nt.onMouseDown=Lt,Nt.onMouseDrag=Ut,Nt.onMouseUp=qt;var Ft={path:null,center:null,layer:null};function Vt(t){Ft.layer=gt(),Ft.center=t.point}function Bt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Ft.path&&Ft.path.remove(),Ft.path=new u.a.Path.RegularPolygon(Ft.center,3,Math.sqrt((t.point.x-Ft.center.x)*(t.point.x-Ft.center.x)+(t.point.y-Ft.center.y)*(t.point.y-Ft.center.y))),Ft.path.strokeColor=se.getters.shapeArgs.color,Ft.path.strokeWidth=se.getters.shapeArgs.size}function Zt(){Ft.layer.addChild(Ft.path);var t=new ft({layer:Ft.path.layer.name,tool:se.getters.tool,points:Ft.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),Ft.path=null}var Jt=new u.a.Tool;Jt.onMouseDown=Vt,Jt.onMouseDrag=Bt,Jt.onMouseUp=Zt;var Yt={path:null};function Gt(t){var e=se.getters.maxHeight,o=t.point.y;e<o&&se.commit("SET_Max_Height",o),Yt.path&&Yt.path.remove(),Yt.path=new u.a.Path.Line({from:t.downPoint,to:t.point,strokeColor:"black"}),Yt.path.strokeColor=se.getters.shapeArgs.color,Yt.path.strokeWidth=se.getters.shapeArgs.size}function Xt(){var t=gt();t.addChild(Yt.path);var e=new ft({layer:Yt.path.layer.name,tool:se.getters.tool,points:Yt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(e),Yt.path=null}var Kt=new u.a.Tool;Kt.onMouseDrag=Gt,Kt.onMouseUp=Xt;var Qt={mousePointer:it,pointMove:ht,pencil:Ct,brush:_t,eraser:It,circle:Ht,square:Nt,triangle:Jt,line:Kt},te={tool:null,toolArgs:{size:10,color:"#000000"},eraserArgs:{size:50,color:"#005141"},shapeArgs:{size:2,color:"#000000"},maxHeight:window.innerHeight,touchLength:1},ee={SET_TOOL_COLOR:function(t,e){t.toolArgs.color=e},SET_TOOL_SIZE:function(t,e){t.toolArgs.size=e},SET_ERASER_SIZE:function(t,e){t.eraserArgs.size=e},SET_ERASER_COLOR:function(t,e){t.eraserArgs.color=e},SET_SHAPE_SIZE:function(t,e){t.shapeArgs.size=e},SET_SHAPE_COLOR:function(t,e){t.shapeArgs.color=e},SET_WHITEBOARD_TOOL:function(t,e){t.tool=e,Qt[e]&&Qt[e].activate()},SET_Max_Height:function(t,e){e>window.innerHeight&&(t.maxHeight=e)},touchLength:function(t,e){t.touchLength=e}},oe={setToolColor:function(t,e){var o=t.commit;o("SET_TOOL_COLOR",e)},setToolSize:function(t,e){var o=t.commit;o("SET_TOOL_SIZE",e)},setEraserSize:function(t,e){var o=t.commit;o("SET_ERASER_SIZE",e)},setEraserColor:function(t,e){var o=t.commit;o("SET_ERASER_COLOR",e)},setShapeSize:function(t,e){var o=t.commit;o("SET_SHAPE_SIZE",e)},setShapeColor:function(t,e){var o=t.commit;o("SET_SHAPE_COLOR",e)},setWhiteboardTool:function(t,e){var o=t.commit;o("SET_WHITEBOARD_TOOL",e)}},ne={tool:function(t){return t.tool},toolArgs:function(t){return t.toolArgs},eraserArgs:function(t){return t.eraserArgs},shapeArgs:function(t){return t.shapeArgs},maxHeight:function(t){return t.maxHeight},touchLength:function(t){return t.touchLength}},re={state:te,mutations:ee,actions:oe,getters:ne};n["default"].use(nt["a"]);var ie,se=new nt["a"].Store({modules:{whiteboardModule:re}});o("a481"),o("34ef"),o("4917"),o("c5f6");function ae(t){var e=t.split(","),o=e[0].match(/:(.*?);/)[1],n=atob(e[1]),r=n.length,i=new Uint8Array(r);while(r--)i[r]=n.charCodeAt(r);return new Blob([i],{type:o})}function le(t,e){return new File([t],(new Date).getTime()+t.type.replace("image/","."))}var ce=(ie={components:{mainPanel:F,historyPanel:tt},created:function(){u.a.install(window)},data:function(){return{srcUrl:"",query:""}}},Object(l["a"])(ie,"created",function(){this.query=this.getUrlParams2(window.location.href)}),Object(l["a"])(ie,"methods",{getUrlParams2:function(t){var e=t.split("?")[1],o=new URLSearchParams(e),n=Object.fromEntries(o.entries());return n},submit:function(){var t=this;this.srcUrl||(console.log(se.getters.maxHeight,this.$refs.whiteboard.clientWidth),ot()(this.$refs.whiteboard,{width:this.$refs.whiteboard.clientWidth,height:se.getters.maxHeight+10,scrollY:0,scrollX:0,useCORS:!0}).then(function(e){var o=e.toDataURL("image/png");if(t.srcUrl=o,window.ReactNativeWebView)window.ReactNativeWebView.postMessage(o);else{var n=ae(o);console.log(n);var r=le(n);console.log(r);var i=decodeURIComponent(t.query.host),s=new FormData;s.append("file",r),fetch(i,{method:"POST",mode:"cors",credentials:"include",headers:{token:t.query.token,tenant:"szVdW4usayB486MYV8U"},body:s}).then(function(e){console.log(e),window.ReactNativeWebView?window.ReactNativeWebView.postMessage(JSON.stringify(e)):t.srcUrl=""}).catch(function(t){console.log(t)})}}))}}),Object(l["a"])(ie,"mounted",function(){u.a.setup("whiteboard")}),ie),ue=ce,he=(o("5515"),Object(m["a"])(ue,s,a,!1,null,null,null)),pe=he.exports,de={components:{whiteboard:pe}},ge=de,fe=Object(m["a"])(ge,r,i,!1,null,null,null),ve=fe.exports,me=o("ecee"),Se=o("ad3d"),ye=o("c074");me["c"].add({faPencilAlt:ye["h"],faUndo:ye["l"],faRedo:ye["i"],faEraser:ye["b"],faCircle:ye["a"],faFont:ye["d"],faUpload:ye["m"],faPaintBrush:ye["g"],faSquare:ye["k"],faExclamationTriangle:ye["c"],faSlash:ye["j"],faMousePointer:ye["f"],faHandPaper:ye["e"]}),n["default"].component("font-awesome-icon",Se["a"]);o("24df");n["default"].config.productionTip=!1,new n["default"]({render:function(t){return t(ve)},store:se}).$mount("#app")},"5cf0":function(t,e,o){"use strict";var n=o("d1b3"),r=o.n(n);r.a},"676d":function(t,e,o){},9345:function(t,e,o){"use strict";var n=o("15c1"),r=o.n(n);r.a},ad9b:function(t,e,o){},d1b3:function(t,e,o){},f020:function(t,e,o){},f52a:function(t,e,o){"use strict";var n=o("f020"),r=o.n(n);r.a}});
+//# sourceMappingURL=app.17060658.js.map
\ No newline at end of file