Skip to content

GitLab

I
ios-ipad学生端
Commit 16aaf3fc authored by zhangkaixuan11's avatar zhangkaixuan11
Browse files
Options

安卓提交适配 图标 外链

parent 2545acdb
Show whitespace changes
Inline Side-by-side
Showing with 1394 additions and 11914 deletions
.gitignore
View file @ 16aaf3fc
......@@ -57,3 +57,4 @@ buck-out/
# CocoaPods
/ios/Pods/
android/app/release/app-release.apk
Constants.js
View file @ 16aaf3fc
......@@ -6,8 +6,13 @@ import {
} from "./src/netless/fileTypeChange.js"
const designWidth = 1024;
const screenWidth = Dimensions.get('window').height;
const screenHeight = Dimensions.get('window').width;
let screenWidth = Dimensions.get('window').height;
let screenHeight = Dimensions.get('window').width;
const {width,height} = Dimensions.get('screen');
console.log(screenWidth,screenHeight,width,height)
screenWidth = height;
const unitWidth = screenHeight / designWidth;
import {
StyleSheet as RnStyleSheet,
......@@ -360,6 +365,8 @@ export default constantsd;
//状态栏的高度
export function getStatusBarHeight() {
if (Platform.OS === 'android') return StatusBar.currentHeight;
// if (Platform.OS === 'android') return 0;
if (isIphoneX()) {
return 44;
}
......
Static.bundle/index.html
View file @ 16aaf3fc
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.8fe45ebf.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.8fe45ebf.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.17060658.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.17060658.js></script></body></html>
\ No newline at end of file
Static.bundle/js/app.8fe45ebf.js → Static.bundle/js/app.17060658.js
View file @ 16aaf3fc
(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)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!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)},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 wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.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);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.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=Tt,_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.8fe45ebf.js.map
\ No newline at end of file
(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
Static.bundle/js/app.17060658.js.map 0 → 100644
View file @ 16aaf3fc
This source diff could not be displayed because it is too large. You can view the blob instead.
Static.bundle/js/app.7f8bb2f3.js deleted 100644 → 0
View file @ 2545acdb
(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("提交截图")]),o("img",{attrs:{src:t.srcUrl,alt:""}})],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)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!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)},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=project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),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 wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.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);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.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=Tt,_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=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.7f8bb2f3.js.map
\ No newline at end of file
Static.bundle/js/app.7f8bb2f3.js.map deleted 100644 → 0
View file @ 2545acdb
This source diff could not be displayed because it is too large. You can view the blob instead.
Static.bundle/js/app.8fe45ebf.js.map deleted 100644 → 0
View file @ 2545acdb
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/build.gradle
View file @ 16aaf3fc
......@@ -39,7 +39,7 @@ import com.android.build.OutputFile
* // bundleInBeta: true,
*
* // whether to disable dev mode in custom build variants (by default only disabled in release)
* // for example: to disable dev mode in the staging build type (if configured)
* // for example: to disable dev mode in+ the staging build type (if configured)
* devDisabledInStaging: true,
* // The configuration property can be in the following formats
* // 'devDisabledIn${productFlavor}${buildType}'
......@@ -121,6 +121,17 @@ def jscFlavor = 'org.webkit:android-jsc:+'
def enableHermes = project.ext.react.get("enableHermes", false);
android {
// packagingOptions {
// pickFirst '**/*.so'
// }
packagingOptions {
pickFirst '**/armeabi-v7a/libc++_shared.so'
pickFirst '**/x86/libc++_shared.so'
pickFirst '**/arm64-v8a/libc++_shared.so'
pickFirst '**/x86_64/libc++_shared.so'
pickFirst '**/x86/libjsc.so'
pickFirst '**/armeabi-v7a/libjsc.so'
}
compileSdkVersion rootProject.ext.compileSdkVersion
compileOptions {
......@@ -129,6 +140,17 @@ android {
}
defaultConfig {
configurations.all {
resolutionStrategy {
force 'androidx.appcompat:appcompat:1.2.0'
force 'androidx.appcompat:appcompat-resources:1.2.0'
force 'androidx.core:core-ktx:1.3.0'
force 'androidx.core:core:1.3.0'
force "com.facebook.soloader:soloader:0.9.0"
force "androidx.tracing:tracing:1.0.0"
}
}
applicationId "com.fenghua_student_client"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
......@@ -197,16 +219,28 @@ android {
}
dependencies {
// def appcompat_version = "1.3.1"
// implementation "androidx.appcompat:appcompat:$appcompat_version"
//// // For loading and tinting drawables on older versions of the platform
// implementation "androidx.appcompat:appcompat-resources:$appcompat_version"
// implementation "androidx.tracing:tracing:1.0.0"
// implementation "androidx.core:core-ktx:1.6.0"
// implementation 'com.android.support:support-compat:+'
// implementation 'com.android.support:appcompat-v7:+'
// implementation 'com.android.support:support-v4:26.1.0'
implementation fileTree(dir: "libs", include: ["*.jar"])
// 数字请根据最新版自行添加
implementation 'com.github.netless-io:whiteboard-android:2.15.6'
//noinspection GradleDynamicVersion
implementation "com.facebook.react:react-native:+" // From node_modules
implementation "com.facebook.react:react-native:0.64.0" // From node_modules
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
// implementation 'androidx.appcompat:appcompat:1.1.0'
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
implementation project(':react-native-splash-screen')
implementation 'com.github.yalantis:ucrop:2.2.2-native'
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
......
android/app/src/main/assets/Static.bundle/index.html
View file @ 16aaf3fc
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.8fe45ebf.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.8fe45ebf.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=favicon.ico><title>Whiteboard</title><link href=css/app.6d43a2f3.css rel=preload as=style><link href=css/chunk-vendors.a7bbc042.css rel=preload as=style><link href=js/app.17060658.js rel=preload as=script><link href=js/chunk-vendors.9912874f.js rel=preload as=script><link href=css/chunk-vendors.a7bbc042.css rel=stylesheet><link href=css/app.6d43a2f3.css rel=stylesheet></head><body><noscript><strong>We're sorry but Whiteboard doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.9912874f.js></script><script src=js/app.17060658.js></script></body></html>
\ No newline at end of file
android/app/src/main/assets/Static.bundle/js/app.8fe45ebf.js → android/app/src/main/assets/Static.bundle/js/app.17060658.js
View file @ 16aaf3fc
(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)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!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)},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 wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.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);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.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=Tt,_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.8fe45ebf.js.map
\ No newline at end of file
(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
android/app/src/main/assets/Static.bundle/js/app.17060658.js.map 0 → 100644
View file @ 16aaf3fc
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/Static.bundle/js/app.7f8bb2f3.js deleted 100644 → 0
View file @ 2545acdb
(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("提交截图")]),o("img",{attrs:{src:t.srcUrl,alt:""}})],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)},w=[],T={},b=T,O=(o("37a8"),Object(m["a"])(b,C,w,!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)},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=project.hitTest(t.point,at);e&&(console.log(e),e&&(st=e.item))}function ct(t){console.log(t,"onMouseMove"),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 wt={path:null};function Tt(){var t=gt();wt.path=new u.a.Path;var e=xt(se.getters.toolArgs.color||"#000000");wt.path.fillColor="rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"),t.addChild(wt.path)}function bt(t){if(wt.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);wt.path.selected=!1,wt.path.add(o),wt.path.insert(0,n)}}function Ot(){wt.path.simplify();var t=new ft({layer:wt.path.layer.name,tool:se.getters.tool,points:wt.path.segments.map(function(t){return{x:t._point._x,y:t._point._y}})});G.add(t),wt.path.selected=!1,wt.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=Tt,_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=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.7f8bb2f3.js.map
\ No newline at end of file
android/app/src/main/assets/Static.bundle/js/app.7f8bb2f3.js.map deleted 100644 → 0
View file @ 2545acdb
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/Static.bundle/js/app.8fe45ebf.js.map deleted 100644 → 0
View file @ 2545acdb
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/assets/index.android.bundle
View file @ 16aaf3fc
This source diff could not be displayed because it is too large. You can view the blob instead.
android/app/src/main/java/com/fenghua_student_client/MainActivity.java
View file @ 16aaf3fc
......@@ -2,9 +2,11 @@ package com.fenghua_student_client;
import android.app.Activity;
import android.content.pm.PackageManager;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import androidx.core.app.ActivityCompat;
import org.devio.rn.splashscreen.SplashScreen;
import com.facebook.react.ReactActivity;
......@@ -34,10 +36,28 @@ public class MainActivity extends ReactActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
SplashScreen.show(this);
super.onCreate(savedInstanceState);
hideBottomUIMenu();
// 申请权限
verifyStoragePermissions(this);
}
/**
* Hide virtual buttons, and full-screen
*/
protected void hideBottomUIMenu() {
//hide virtual buttons, and full-screen
if (Build.VERSION.SDK_INT > 11 && Build.VERSION.SDK_INT < 19) {//lower api
View v = this.getWindow().getDecorView();
v.setSystemUiVisibility(View.GONE);
} else if (Build.VERSION.SDK_INT >= 19) {
//for new api versions.
View decorView = getWindow().getDecorView();
int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY | View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);
}
}
/**
* Returns the name of the main component registered from JavaScript. This is used to schedule
......
android/app/src/main/res/layout/launch_screen.xml 0 → 100644
View file @ 16aaf3fc
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/_launch" />
</LinearLayout>
\ No newline at end of file
android/app/src/main/res/values/styles.xml
View file @ 16aaf3fc
......@@ -4,6 +4,8 @@
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:textColor">#000000</item>
<item name="android:navigationBarColor">#00000000</item>
<item name="android:windowIsTranslucent">true</item>
</style>
</resources>
android/build.gradle
View file @ 16aaf3fc
......@@ -6,6 +6,7 @@ buildscript {
minSdkVersion = 21
compileSdkVersion = 29
targetSdkVersion = 29
kotlinVersion = "1.6.0"
ndkVersion = "20.1.5948944"
}
repositories {
......@@ -26,6 +27,7 @@ buildscript {
allprojects {
repositories {
mavenLocal()
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
......
css/Live.css.ts
View file @ 16aaf3fc
......@@ -48,11 +48,14 @@ let LiveCSS = StyleSheet.create({
fontSize: Constants.baseFontSize * 1.2
},
myVideoWrapper: {
width: Constants.unitWidth * 150,
height: Constants.unitWidth * 86,
// width: Constants.unitWidth * 150,
// height: Constants.unitWidth * 86,
// width:Constants.height / 9,
height:'100%',
marginLeft: Constants.unitWidth * 10,
marginRight: Constants.unitWidth * 10,
backgroundColor: 'rgba(0, 0, 0, 0.4)'
backgroundColor: 'rgba(0, 0, 0, 0.4)',
// resizeMode: "cover",
},
frameWrapper: {
width: Constants.unitWidth * 1536,
......@@ -180,12 +183,17 @@ let LiveCSS = StyleSheet.create({
videoBg: {
width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50,
marginTop: Constants.unitWidth * 18,
marginLeft: Constants.unitWidth * 50,
left:'50%',
top:'50%',
marginTop: Constants.unitWidth * -25,
marginLeft: Constants.unitWidth * -25,
// resizeMode: "cover",
},
videoInfoWrapper: {
flexDirection: 'row',
width: Constants.unitWidth * 150,
// width: Constants.unitWidth * 150,
width:'100%',
height: Constants.unitWidth * 17,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
position: 'absolute',
......@@ -218,15 +226,18 @@ let LiveCSS = StyleSheet.create({
marginRight: Constants.unitWidth * 5
},
headerRow: {
height: Constants.unitWidth * 40,
height: Constants.unitWidth * 28,
backgroundColor: '#0E5C4A',
flexDirection: 'row',
alignItems: 'center',
position:'relative'
},
headerRowLeft: {
height: Constants.unitWidth * 40,
height: Constants.unitWidth * 28,
flexDirection: 'row',
alignItems: 'center',
position:'absolute',
left:1,
},
leftTriangle: {
width: Constants.unitWidth * 20,
......
ios/fenghua_student_client/Info.plist
View file @ 16aaf3fc
......@@ -5,7 +5,7 @@
<key>CFBundleDevelopmentRegion</key>
<string>zh_CN</string>
<key>CFBundleDisplayName</key>
<string>枫华教育</string>
<string>枫华学生端</string>
<key>CFBundleExecutable</key>
<string>$(EXECUTABLE_NAME)</string>
<key>CFBundleIdentifier</key>
......
package-lock.json deleted 100644 → 0
View file @ 2545acdb
This source diff could not be displayed because it is too large. You can view the blob instead.
src/components/Like.tsx
View file @ 16aaf3fc
......@@ -6,7 +6,7 @@ import Sound from 'react-native-sound';
Sound.setCategory('Playback');
const _centerX = Constants.height * 0.5;
const _centerY = (Constants.width - Constants.statusBarHeight - Constants.unitWidth * 124) * 0.5 ;
const _centerY = (Constants.width - Constants.statusBarHeight ) * 0.5 ;
const _width = Constants.unitWidth * 375;
const _height = Constants.unitWidth * 375;
const _widthAnim = new Animated.Value(Constants.unitWidth * 0);
......
src/components/Login.tsx
View file @ 16aaf3fc
......@@ -276,10 +276,11 @@ export default class Login extends Component {
<View style={{
zIndex: 1000
}}>
<StatusBar
{/* <StatusBar
translucent={true}
hidden={true}
barStyle="dark-content"
/>
/> */}
<KeyboardAwareScrollView
scrollEventThrottle={200} showsVerticalScrollIndicator={false}
>
......@@ -329,7 +330,7 @@ export default class Login extends Component {
</View>
{/* <Image source={require('../../images/common/jiantouba.png')} style={LoginCSS.jiantou}/> */}
<TextInput maxLength={11} allowFontScaling={false}
placeholderTextColor="#919191" placeholder="请输入学号"
placeholderTextColor="#919191" placeholder="请输入学号v0.3.1"
style={LoginCSS.mobile} onChangeText={(text) => {
this.setState({
mobile: text
......
src/live/Index.tsx
View file @ 16aaf3fc
......@@ -2,7 +2,8 @@ import React, { Component } from 'react';
import {
Image, View, Text, StatusBar, TextInput, ActionSheetIOS, Keyboard, FlatList, Modal, Platform, Animated,
DeviceEventEmitter, ScrollView, ImageBackground, TouchableHighlight, NativeEventEmitter, NativeModules,
PermissionsAndroid
PermissionsAndroid,findNodeHandle,
UIManager,
} from 'react-native';
import DeviceInfo from 'react-native-device-info';
......@@ -83,15 +84,29 @@ webViewUrl = `file:///android_asset/Static.bundle/index.html`
let model = DeviceInfo.getModel();
const isFhPad = model.indexOf('BZC-W00') > -1 ;
let isFhPad = model.indexOf('BZC-W00') > -1 ;
isFhPad = false;
// alert(isFhPad + model)
//Constants.width - Constants.statusBarHeight 黑色背景区域
// height: Constants.height / 16 * 9 教室区域 其中标题加视频 高为 18% 白板区域 82% 在黑色背景区域巨中,
// movingHeight 可移动区域 就是白板区域 这块设计有点缺陷 暂时不改
// wgDistanceTopHeight 白板区域 距离屏幕最上方高度 方便 计算点赞位置落下
const roomHeight = Constants.height / 16 * 9;
const roomDistance = (Constants.width - Constants.statusBarHeight - roomHeight) / 2 //房间两侧黑边区域高度
const TopHright = roomHeight * 0.18; //视屏区域加tit区域 tit 为 uniwidth *28
const movingWidth = Constants.height;
let movingHeight = Constants.width - Constants.statusBarHeight - Constants.unitWidth * 60;
let movingHeight = roomHeight * 0.82;
const movingInitX = Constants.height * 0.5 - Constants.unitWidth * 75;
const wgDistanceTopHeight = roomDistance + (TopHright) + Constants.statusBarHeight
const movingInitY = (Constants.width - Constants.statusBarHeight - Constants.unitWidth * 124) * 0.5 - Constants.unitWidth * 43;
const smallWindowWidth = Constants.height / 9;
if(!isFhPad){
movingHeight = Constants.width - Constants.statusBarHeight - Constants.unitWidth * 146;
// movingHeight = Constants.width - Constants.statusBarHeight - Constants.unitWidth * 146;
}
export default class Index extends Component<Props, State, HomeState, AppContextType> {
......@@ -235,11 +250,13 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}
requestCameraAndAudioPermission = async () => {
if (Platform.OS == 'ios') {
this.setState({
permissionsAndroid: true
});
this.startCall();
return;
}
try {
const granted = await PermissionsAndroid.requestMultiple([
PermissionsAndroid.PERMISSIONS.CAMERA,
......@@ -1447,8 +1464,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
let index = 0;
if (this.state.movingIds.includes(_likedUid)) {
index = this.state.movingIds.indexOf(_likedUid);
likedX = movingWidth * this.state.movingPositions[index].x + Constants.unitWidth * this.state.movingSizes[index].dragwidth / 4;
likedY = movingHeight * this.state.movingPositions[index].y + Constants.unitWidth * 130 + Constants.statusBarHeight + Constants.unitWidth * this.state.movingSizes[index].dragheight / 4;
// likedX = movingWidth * this.state.movingPositions[index].x + Constants.unitWidth * this.state.movingSizes[index].dragwidth / 4;
// likedY = movingHeight * this.state.movingPositions[index].y + Constants.unitWidth * 130 + Constants.statusBarHeight + Constants.unitWidth * this.state.movingSizes[index].dragheight / 4;
likedX = movingWidth * this.state.movingPositions[index].x + (movingWidth * this.state.movingSizes[index].width / 2 )
likedY = wgDistanceTopHeight + (movingHeight * this.state.movingPositions[index].y) + (movingHeight * this.state.movingSizes[index].height / 2 ) ;
} else {
// 不是被移动的用户
let { peerIds, movingIds } = this.state;
......@@ -1460,12 +1479,40 @@ export default class Index extends Component<Props, State, HomeState, AppContext
index++;
}
}
likedY = Constants.unitWidth * (44 + 43) + Constants.statusBarHeight;
let _left = (Constants.height - (peerIds.length - movingIds.length) * Constants.unitWidth * 170) * 0.5;
if (!this.state.movingIds.includes(parseInt(this.state.teacherUid))) {
_left += Constants.unitWidth * 170;
}
likedX = _left + index * Constants.unitWidth * 170 + Constants.unitWidth * (10 + 75);
// likedY = Constants.unitWidth * (44 + 43) + Constants.statusBarHeight;
// likedY = wgDistanceTopHeight - (Constants.height / 16 * 9 * 0.18 / 2 ) - Constants.unitWidth * 43
// let _left = (Constants.height - (peerIds.length - movingIds.length) * Constants.unitWidth * 170) * 0.5;
// if (!this.state.movingIds.includes(parseInt(this.state.teacherUid))) {
// _left += Constants.unitWidth * 170;
// }
// likedX = _left + index * Constants.unitWidth * 170 + Constants.unitWidth * (10 + 75);
let likedX,likedY;
const handle = findNodeHandle(this.refs.['sm'+(_likedUid)]);
UIManager.measure(handle, (x, y, width, height, pageX, pageY) => {
console.log('相对父视图位置x:', x);
console.log('相对父视图位置y:', y);
console.log('组件宽度width:', width);
console.log('组件高度height:', height);
console.log('距离屏幕的绝对位置x:', pageX);
console.log('距离屏幕的绝对位置y:', pageY);
likedX = pageX + (smallWindowWidth/2)
likedY = wgDistanceTopHeight - ( (TopHright - Constants.unitWidth * 28) / 2 )
// console.log('screenWidth: ', screenWidth);
// console.log('screenHeight: ', screenHeight);
// console.log('dpToPx: ', dpToPx);
// console.log('dpToPx * screenWidth: ', dpToPx * screenWidth);
// console.log('dpToPx * screenHeight: ', dpToPx * screenHeight);
// 这方法貌似是异步的 在里边执行一下
this.setState({
likedUid: _likedUid,
showLike: true,
likedX: likedX,
likedY: likedY,
});
});
return
}
......@@ -1685,7 +1732,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
/*1 先获取 老师*/
for (let i = 0; i < this.state.videoIds.length; i++) {
if (parseInt(this.state.videoIds[i]) === parseInt(this.state.teacherUid) && !this.state.movingIds.includes(parseInt(this.state.teacherUid))) {
result.push(<ImageBackground key={this.state.teacherUid} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={LiveCSS.myVideoWrapper}>
result.push(<ImageBackground key={this.state.teacherUid} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={[LiveCSS.myVideoWrapper,{width:smallWindowWidth}]}>
<RtcRemoteView.SurfaceView
style={LiveCSS.max}
uid={parseInt(this.state.teacherUid)}
......@@ -1700,8 +1747,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(this.state.videoIds[i])) && <View style={{
position: 'absolute',
width: Constants.unitWidth * 150,
height: Constants.unitWidth * 86,
// width: Constants.unitWidth * 150,
// height: Constants.unitWidth * 86,
width:'100%',
height:'100%',
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -1729,7 +1778,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}
}
if (parseInt(this.state.liveRoomUid) === parseInt(item)) {
result.push(<ImageBackground key={parseInt(item)} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={LiveCSS.myVideoWrapper}>
result.push(<ImageBackground ref={'sm'+item} key={parseInt(item)} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={[LiveCSS.myVideoWrapper,{width:smallWindowWidth}]}>
{this.state.videoEnabled && <RtcLocalView.SurfaceView
style={LiveCSS.max}
uid={item}
......@@ -1746,8 +1795,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * 150,
height: Constants.unitWidth * 86,
// width: Constants.unitWidth * 150,
// height: Constants.unitWidth * 86,
width:'100%',
height:'100%',
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -1759,7 +1810,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>}
</ImageBackground>)
} else {
result.push(<ImageBackground key={parseInt(item)} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={LiveCSS.myVideoWrapper}>
result.push(<ImageBackground ref={'sm'+item} key={parseInt(item)} imageStyle={LiveCSS.videoBg} source={require('../../images/common/camera.png')} style={[LiveCSS.myVideoWrapper,{width:smallWindowWidth}]}>
<RtcRemoteView.SurfaceView
style={LiveCSS.max}
uid={item}
......@@ -1776,8 +1827,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * 150,
height: Constants.unitWidth * 86,
// width: Constants.unitWidth * 150,
// height: Constants.unitWidth * 86,
width:'100%',
height:'100%',
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -2098,7 +2151,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
if (parseInt(this.state.liveRoomUid) === parseInt(item)) {
// alert(this.state.mirrorMode);
result.push(<ImageBackground imageStyle={{
result.push(<ImageBackground key={'move__'+item} imageStyle={{
width: Constants.unitWidth * 50,
height: Constants.unitWidth * 50,
}} source={require('../../images/common/camera.png')} style={[LiveCSS.myVideoWrapper, {
......@@ -2106,8 +2159,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
zIndex: 101,
left: movingWidth * movingPositions[index].x,
top: movingHeight * movingPositions[index].y,
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * movingSizes[index].dragheight / 2,
marginLeft:0,
marginRight:0,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * movingSizes[index].width,
height: movingHeight * movingSizes[index].height ,
}]}>
<RtcLocalView.SurfaceView
style={LiveCSS.max}
......@@ -2117,7 +2174,8 @@ export default class Index extends Component<Props, State, HomeState, AppContext
mirrorMode={2}
/>
<View style={[LiveCSS.videoInfoWrapper, {
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
width: movingWidth * movingSizes[index].width,
}]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}++</Text>
<View style={LiveCSS.videoInfoRight}>
......@@ -2127,8 +2185,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * movingSizes[index].dragheight / 2,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * movingSizes[index].width,
height: movingHeight * movingSizes[index].height ,
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -2148,8 +2208,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
zIndex: 101,
left: movingWidth * movingPositions[index].x,
top: movingHeight * movingPositions[index].y,
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * movingSizes[index].dragheight / 2,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * movingSizes[index].width,
height: movingHeight * movingSizes[index].height ,
}]}>
<RtcRemoteView.SurfaceView
style={LiveCSS.max}
......@@ -2159,7 +2221,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
mirrorMode={2}
/>
<View style={[LiveCSS.videoInfoWrapper, {
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
width:movingWidth * movingSizes[index].width,
}]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username} --</Text>
{item !== parseInt(this.state.teacherUid) &&
......@@ -2170,8 +2232,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * movingSizes[index].dragheight / 2,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * movingSizes[index].width,
height: movingHeight * movingSizes[index].height ,
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -2306,12 +2370,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
}]}>
<StatusBar
hidden={false}
backgroundColor="#30323D"
backgroundColor="#000000"
barStyle="light-content"
/>
<View style={{
height: Constants.statusBarHeight,
backgroundColor: '#0E5C4A'
backgroundColor: '#000000'
}}></View>
{this.state.showLike && <Like onAnimateEnded={this.showLikeEnd} x={this.state.likedX} y={this.state.likedY} />}
......@@ -2324,11 +2388,23 @@ export default class Index extends Component<Props, State, HomeState, AppContext
{/* style={{flex: 1}}*/}
{/*>*/}
<View style={{
flexDirection: 'column',
// flexDirection: 'column',
alignItems:'center',
justifyContent:'center',
width: Constants.height,
height: Constants.width - Constants.statusBarHeight,
backgroundColor:'#000'
}}>
<View style={{
// alignItems:'center',
flexDirection: 'column',
width: Constants.height,
// height: Constants.width - Constants.statusBarHeight,
height: Constants.height / 16 * 9 ,
backgroundColor:'red'
}}>
{/* <View style={LiveCSS.headerRow}>
<View style={LiveCSS.headerRow}>
<View style={LiveCSS.headerRowLeft}>
{this.getSignal()}
</View>
......@@ -2338,15 +2414,15 @@ export default class Index extends Component<Props, State, HomeState, AppContext
justifyContent: 'center',
}}>
<Text allowFontScaling={false} style={LiveCSS.courseTitle}>{this.state.courseName}</Text>
<View style={LiveCSS.courseTitleRight}>
{/* <View style={LiveCSS.courseTitleRight}>
<View style={LiveCSS.courseTitleRight1}></View>
<Text allowFontScaling={false} style={LiveCSS.courseTitleRight2}>上课中：{this.getFormattedDuration()}</Text>
</View> */}
</View>
</View>
</View> */}
{
!isFhPad &&
<View style={[LiveCSS.videoRow, PublicCSS.centerAll]}>
<View style={[LiveCSS.videoRow, PublicCSS.centerAll,{width:'100%',height:TopHright - (Constants.unitWidth * 28) }]}>
{this._renderVideos()}
</View>
}
......@@ -2354,12 +2430,13 @@ export default class Index extends Component<Props, State, HomeState, AppContext
<View style={{
flexDirection: 'row',
width: movingWidth,
height: movingHeight,
// height: movingHeight,
height:'82%',
position: 'relative',
backgroundColor: '#0E5C4A',
warp: 'renderMovingVideo',
}}>
{/*{this.renderMovingVideo()}*/}
{/* {this.renderMovingVideo()} */}
{
this.state.movingIds.map((item, index) => {
let username = '';
......@@ -2384,8 +2461,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
zIndex: 101,
left: movingWidth * this.state.movingPositions[index].x,
top: movingHeight * this.state.movingPositions[index].y,
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
marginLeft:0,
marginRight:0,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * this.state.movingSizes[index].width,
height: movingHeight * this.state.movingSizes[index].height ,
}]}>
<RtcLocalView.SurfaceView
style={LiveCSS.max}
......@@ -2395,7 +2476,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
mirrorMode={this.state.mirrorMode}
/>
<View style={[LiveCSS.videoInfoWrapper, {
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
// width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
}]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
<View style={LiveCSS.videoInfoRight}>
......@@ -2405,8 +2486,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
// width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
width:'100%',
height:'100%',
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -2426,8 +2509,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
zIndex: 101,
left: movingWidth * this.state.movingPositions[index].x,
top: movingHeight * this.state.movingPositions[index].y,
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
marginLeft:0,
marginRight:0,
// width: Constants.unitWidth * movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * movingSizes[index].dragheight / 2,
width: movingWidth * this.state.movingSizes[index].width,
height: movingHeight * this.state.movingSizes[index].height ,
}]}>
<RtcRemoteView.SurfaceView
style={LiveCSS.max}
......@@ -2437,7 +2524,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
mirrorMode={2}
/>
<View style={[LiveCSS.videoInfoWrapper, {
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
// width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
}]}>
<Text allowFontScaling={false} style={LiveCSS.videoNickname}>{username}</Text>
{item !== parseInt(this.state.teacherUid) &&
......@@ -2448,8 +2535,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</View>
{this.state.closeVideos.includes(String(item)) && <View style={{
position: 'absolute',
width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
// width: Constants.unitWidth * this.state.movingSizes[index].dragwidth / 2,
// height: Constants.unitWidth * this.state.movingSizes[index].dragheight / 2,
width:'100%',
height:'100%',
backgroundColor: '#3c3c3c',
alignItems: 'center',
justifyContent: 'center'
......@@ -2467,7 +2556,10 @@ export default class Index extends Component<Props, State, HomeState, AppContext
this.state.showNetless && <RCTTICBridgeView styleBox={[LiveCSS.wbWrapper, {
display: this.state.showNetless2 ? 'flex' : 'none',
zIndex: this.state.canEditWB && this.state.wbTool !== '' ? 100 : -1,
},!isFhPad?{height:Constants.width - Constants.statusBarHeight - Constants.unitWidth * 86}:'']} />
height:'100%',
},
// !isFhPad?{height:Constants.width - Constants.statusBarHeight - Constants.unitWidth * 86}:''
]} />
}
......@@ -2566,9 +2658,12 @@ export default class Index extends Component<Props, State, HomeState, AppContext
</Button>
</View>
}
</View>
</View>
<View style={LiveCSS.toolbar}>
<View style={[LiveCSS.toolbar,{position:'absolute',
width:'100%',
bottom:roomDistance>Constants.unitWidth*44?(roomDistance-Constants.unitWidth*44)/2:1,left:1}]}>
<View style={LiveCSS.toolbarLeft}>
<Button onPress={() => {
if (!this.state.canEditWB) {
......@@ -2710,7 +2805,7 @@ export default class Index extends Component<Props, State, HomeState, AppContext
{this.state.hasNewMsg && <View style={LiveCSS.showChatPot}></View>}
</View>
</Button> */}
{/* <Button onPress={() => {
<Button onPress={() => {
this.setState({
showSetting: !this.state.showSetting,
showChat: false,
......@@ -2718,12 +2813,13 @@ export default class Index extends Component<Props, State, HomeState, AppContext
})
}} containerStyle={LiveCSS.toolbarIconWrapper}>
<Image style={LiveCSS.toolbarIcon} source={this.state.showSetting ? require('../../images/live/shezhi-active.png') : require('../../images/live/shezhi.png')}/>
</Button> */}
</Button>
</View>
</View>
{/*设置组件*/}
{this.state.showSetting && <View style={[LiveCSS.settingWrapper2, {
// position:'absolute'
}]}>
<View style={[{
marginTop: Constants.unitWidth * 25,
......
yarn.lock
View file @ 16aaf3fc
......@@ -1250,7 +1250,7 @@
hermes-profile-transformer "^0.0.6"
ip "^1.1.5"
"@react-native-community/cli-platform-android@^5.0.1", "@react-native-community/cli-platform-android@^5.0.1-alpha.0":
"@react-native-community/cli-platform-android@^5.0.1", "@react-native-community/cli-platform-android@^5.0.1-alpha.1":
version "5.0.1"
resolved "https://registry.npmmirror.com/@react-native-community/cli-platform-android/download/@react-native-community/cli-platform-android-5.0.1.tgz#7f761e1818e5a099877ec59a1b739553fd6a6905"
integrity sha1-f3YeGBjloJmHfsWaG3OVU/1qaQU=
......@@ -1266,10 +1266,10 @@
slash "^3.0.0"
xmldoc "^1.1.2"
"@react-native-community/cli-platform-ios@^5.0.1-alpha.0":
"@react-native-community/cli-platform-ios@^5.0.1-alpha.1":
version "5.0.2"
resolved "https://registry.npmmirror.com/@react-native-community/cli-platform-ios/download/@react-native-community/cli-platform-ios-5.0.2.tgz#62485534053c0dad28a67de188248de177f4b0fb"
integrity sha1-YkhVNAU8Da0opn3hiCSN4Xf0sPs=
resolved "https://registry.npmmirror.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-5.0.2.tgz#62485534053c0dad28a67de188248de177f4b0fb"
integrity sha512-IAJ2B3j2BTsQUJZ4R6cVvnTbPq0Vza7+dOgP81ISz2BKRtQ0VqNFv+VOALH2jLaDzf4t7NFlskzIXFqWqy2BLg==
dependencies:
"@react-native-community/cli-tools" "^5.0.1"
chalk "^3.0.0"
......@@ -1313,10 +1313,10 @@
dependencies:
ora "^3.4.0"
"@react-native-community/cli@^5.0.1-alpha.0":
"@react-native-community/cli@^5.0.1-alpha.1":
version "5.0.1"
resolved "https://registry.npmmirror.com/@react-native-community/cli/download/@react-native-community/cli-5.0.1.tgz#1f7a66d813d5daf102e593f3c550650fa0cc8314"
integrity sha1-H3pm2BPV2vEC5ZPzxVBlD6DMgxQ=
resolved "https://registry.npmmirror.com/@react-native-community/cli/-/cli-5.0.1.tgz#1f7a66d813d5daf102e593f3c550650fa0cc8314"
integrity sha512-9VzSYUYSEqxEH5Ib2UNSdn2eyPiYZ4T7Y79o9DKtRBuSaUIwbCUdZtIm+UUjBpLS1XYBkW26FqL8/UdZDmQvXw==
dependencies:
"@react-native-community/cli-debugger-ui" "^5.0.1"
"@react-native-community/cli-hermes" "^5.0.1"
......@@ -1385,11 +1385,6 @@
resolved "https://registry.npm.taobao.org/@react-native-community/masked-view/download/@react-native-community/masked-view-0.1.10.tgz#5dda643e19e587793bc2034dd9bf7398ad43d401"
integrity sha1-XdpkPhnlh3k7wgNN2b9zmK1D1AE=
"@react-native-picker/picker@^1.16.1":
version "1.16.1"
resolved "https://registry.nlark.com/@react-native-picker/picker/download/@react-native-picker/picker-1.16.1.tgz?cache=0&sync_timestamp=1621678051637&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40react-native-picker%2Fpicker%2Fdownload%2F%40react-native-picker%2Fpicker-1.16.1.tgz#cc5d05b0d651445afa519c67824d8af3e43fa10c"
integrity sha1-zF0FsNZRRFr6UZxngk2K8+Q/oQw=
"@react-native/assets@1.0.0":
version "1.0.0"
resolved "https://registry.npm.taobao.org/@react-native/assets/download/@react-native/assets-1.0.0.tgz#c6f9bf63d274bafc8e970628de24986b30a55c8e"
......@@ -6151,10 +6146,10 @@ react-native-device-info@^9.0.2:
resolved "https://registry.npmmirror.com/react-native-device-info/-/react-native-device-info-9.0.2.tgz#00c7ab139a620ac9650852cd0ef0fb69d9a4418d"
integrity sha512-+IfYZ/OuKjnFf7SFfgIzEqynSeFngrIHc5KgHUIfXusLDXIFJ+LhRBCD7skqnraHrfmESUOMjLbNcvy4SVdwSA==
react-native-document-picker@^8.1.0:
version "8.1.2"
resolved "https://registry.npmmirror.com/react-native-document-picker/-/react-native-document-picker-8.1.2.tgz#503cce26086020c833f08a405fe2da28f735ed08"
integrity sha512-R126YsjTXBuvigRRExyAQ+yn1UGV4dGcMI9x4UAY8TBTSOt6nOQcWS/AQcbzjk9MnN8ISDGqNq9GmN51Q1aHjA==
react-native-document-picker@8.1.0:
version "8.1.0"
resolved "https://registry.npmmirror.com/react-native-document-picker/-/react-native-document-picker-8.1.0.tgz#e167a98b6fcdd1aee08597793029101d674eab83"
integrity sha512-FdaehvEoqkVkMTkIy09wpgHUHh9SskI1k8ug8Dwkwk7MJ+XxzrphAk/mXZtu5RkM1Iwxmd82QfwiQJxrZ2LSVg==
dependencies:
invariant "^2.2.4"
......@@ -6463,15 +6458,15 @@ react-native-wheel-picker@^1.2.0:
resolved "https://registry.nlark.com/react-native-wheel-picker/download/react-native-wheel-picker-1.2.0.tgz#0503e37b3326856724501679bdf5697e0dd247a6"
integrity sha1-BQPjezMmhWckUBZ5vfVpfg3SR6Y=
react-native@0.64.0:
version "0.64.0"
resolved "https://registry.npmmirror.com/react-native/download/react-native-0.64.0.tgz#c3bde5b638bf8bcf12bae6e094930d39cb942ab7"
integrity sha1-w73ltji/i88SuubglJMNOcuUKrc=
react-native@0.64.4:
version "0.64.4"
resolved "https://registry.npmmirror.com/react-native/-/react-native-0.64.4.tgz#f9870f6951378421881cc66f6b5a6451bef7254d"
integrity sha512-nxYt/NrTmGyW6+tOd+Hqp4O8uJ2LLZkN7ispMPDprAq7bwvLkF/GXmDQCZHAEyqXuhIztTtMX41KqFQ6UMCUJQ==
dependencies:
"@jest/create-cache-key-function" "^26.5.0"
"@react-native-community/cli" "^5.0.1-alpha.0"
"@react-native-community/cli-platform-android" "^5.0.1-alpha.0"
"@react-native-community/cli-platform-ios" "^5.0.1-alpha.0"
"@react-native-community/cli" "^5.0.1-alpha.1"
"@react-native-community/cli-platform-android" "^5.0.1-alpha.1"
"@react-native-community/cli-platform-ios" "^5.0.1-alpha.1"
"@react-native/assets" "1.0.0"
"@react-native/normalize-color" "1.0.0"
"@react-native/polyfills" "1.0.0"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment