😀 😐 😶 😜 🔔 ⭐ ⚡ 🔥 👍 💡 🔰 🎀 🎁 🥇 🏅 🏆 🎈 🎉 💎 🚧 ⛔ 📢 ⌛ ⏰ 🕒 🧩 🎵 📎 🔒 🔑 ⛳ 📌 📍 💬 📅 📈 📋 📜 📁 📱 💻 💾 🌏 🚚 🚡 🚢💧 🌐 🧭 💰 💳 🛒
"},{id:"xsfdas",type:"line",width:2,left:100,top:400,end:[0,0],start:[300,120],style:"solid",color:"#888",points:["","arrow"]},{id:"xxx7",type:"shape",left:130,top:50,width:150,height:150,rotate:0,fill:"#eebc29",opacity:.9,fixedRatio:!1,lock:!1,viewBox:1024,path:"M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"}],animations:[{elId:"yyx1",type:"flipInX",duration:1e3}]}],I={activeElementIdList:[],handleElementId:"",canvasPercentage:90,canvasScale:1,thumbnailsFocus:!1,editorAreaFocus:!1,disableHotkeys:!1,showGridLines:!1,creatingElement:null,availableFonts:[],toolbarState:"slideStyle",theme:{themeColor:"#d14424",fontColor:"#333",fontName:"微软雅黑",backgroundColor:"#fff"},slides:E,slideIndex:0,snapshotCursor:-1,snapshotLength:0,ctrlKeyState:!1,shiftKeyState:!1,screening:!1,clipingImageElementId:""},S=(n("4de4"),n("7db0"),n("caad"),n("d81d"),n("2532"),{currentSlide:function(e){return e.slides[e.slideIndex]||null},currentSlideAnimations:function(e){var t=e.slides[e.slideIndex];if(!t)return null;var n=t.animations;if(!n)return null;var o=t.elements,c=o.map((function(e){return e.id}));return n.filter((function(e){return c.includes(e.elId)}))},activeElementList:function(e){var t=e.slides[e.slideIndex];return t&&t.elements?t.elements.filter((function(t){return e.activeElementIdList.includes(t.id)})):[]},handleElement:function(e){var t=e.slides[e.slideIndex];return t&&t.elements&&t.elements.find((function(t){return e.handleElementId===t.id}))||null},canUndo:function(e){return e.snapshotCursor>0},canRedo:function(e){return e.snapshotCursor".concat(e,"
"),n=new window.DOMParser,o=n.parseFromString(t,"text/html").body.firstElementChild;return Ln["a"].fromSchema(io).parse(o)},so=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new wn["c"](e,Object(P["a"])({state:Tn["b"].create({doc:uo(t),plugins:Gn(io)})},n))},fo=(n("b0c0"),function(e,t){return Array.isArray(e)&&e.indexOf(t.type)>-1||t.type===e}),po=function(e,t){for(var n=e.depth;n>0;n--){var o=e.node(n);if(t(o))return{pos:n>0?e.before(n):0,start:e.start(n),depth:n,node:o}}},bo=function(e){return function(t){return po(t.$from,e)}},mo=function(e){return function(t){return bo((function(t){return fo(e,t)}))(t)}},vo=function(e,t){var n=t.schema.nodes[e];return!!mo(n)(t.selection)},Oo=function(e){var t=e.state,n=t.selection,o=t.doc,c=n.from,a=o.nodeAt(c);return(null===a||void 0===a?void 0:a.marks)||[]},ho=function(e,t,n){var o,c=Oo(e),a=Object(me["a"])(c);try{for(a.s();!(o=a.n()).done;){var r=o.value;if(r.type.name===t&&r.attrs[n])return r.attrs[n]}}catch(l){a.e(l)}finally{a.f()}return null},jo=function(e,t){var n,o=Oo(e),c=Object(me["a"])(o);try{for(c.s();!(n=c.n()).done;){var a=n.value;if(a.type.name===t)return!0}}catch(r){c.e(r)}finally{c.f()}return!1},go=function(e,t){var n=e.state,o=n.selection,c=n.doc,a=o.from,r=o.to,l=!0,i="";return c.nodesBetween(a,r,(function(e){return l&&e.attrs[t]&&(l=!1,i=e.attrs[t]),l})),i},yo=function(e){var t=jo(e,"strong"),n=jo(e,"em"),o=jo(e,"underline"),c=jo(e,"strikethrough"),a=jo(e,"superscript"),r=jo(e,"subscript"),l=jo(e,"code"),i=ho(e,"forecolor","color")||"#000",u=ho(e,"backcolor","backcolor")||"#000",d=ho(e,"fontsize","fontsize")||"12px",s=ho(e,"fontname","fontname")||"微软雅黑",f=go(e,"align")||"left",p=vo("bullet_list",e.state),b=vo("ordered_list",e.state),m=vo("blockquote",e.state);return{bold:t,em:n,underline:o,strikethrough:c,superscript:a,subscript:r,code:l,color:i,backcolor:u,fontsize:d,fontname:s,align:f,bulletList:p,orderedList:b,blockquote:m}},ko=(n("6062"),n("3ca3"),function(e,t,n){var o=e,c=o.selection,a=o.doc;if(!c||!a)return e;var r=c.from,l=c.to,i=t.nodes,u=i.blockquote,d=i.list_item,s=i.paragraph,f=[];n=n||"";var p=new Set([u,d,s]);return a.nodesBetween(r,l,(function(e,t){var o=e.type,c=e.attrs.align||"";return c!==n&&p.has(o)&&f.push({node:e,pos:t,nodeType:o}),!0})),f.length?(f.forEach((function(t){var o=t.node,c=t.pos,a=t.nodeType,r=o.attrs;r=n?Object(P["a"])(Object(P["a"])({},r),{},{align:n}):Object(P["a"])(Object(P["a"])({},r),{},{align:null}),e=e.setNodeMarkup(c,a,r,o.marks)})),e):e}),Eo=function(e,t){var n=e.state,o=n.schema,c=n.selection,a=ko(n.tr.setSelection(c),o,t);e.dispatch(a)},Io=function(e,t){return e.type===t.nodes.bullet_list||e.type===t.nodes.ordered_list},So=function(e,t){return function(n,o){var c=n.schema,a=n.selection,r=a.$from,l=a.$to,i=r.blockRange(l);if(!i)return!1;var u=bo((function(e){return Io(e,c)}))(a);if(i.depth>=1&&u&&i.depth-u.depth<=1){if(u.node.type===e)return Object(Dn["b"])(t)(n,o);if(Io(u.node,c)&&e.validContent(u.node.content)){var d=n.tr;return d.setNodeMarkup(u.pos,e),o&&o(d),!1}}return Object(Dn["g"])(e)(n,o)}},Co=Object(h["withScopeId"])("data-v-59365834"),xo=Co((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("SvgWrapper");return e.outline?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:0,class:"element-outline",overflow:"visible",width:e.width,height:e.height},{default:Co((function(){return[Object(h["createVNode"])("path",{"vector-effect":"non-scaling-stroke","stroke-linecap":"butt","stroke-miterlimit":"8","stroke-linejoin":"",fill:"transparent",d:"M0,0 L".concat(e.width,",0 L").concat(e.width,",").concat(e.height," L0,").concat(e.height," Z"),stroke:e.outlineColor,"stroke-width":e.outlineWidth,"stroke-dasharray":"dashed"===e.outlineStyle?"12 9":"0 0"},null,8,["d","stroke","stroke-width","stroke-dasharray"])]})),_:1},8,["width","height"])):Object(h["createCommentVNode"])("",!0)})),No=Object(h["defineComponent"])({name:"element-outline",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},outline:{type:Object}},setup:function(e){var t=ln(Object(h["toRef"])(e,"outline")),n=t.outlineWidth,o=t.outlineStyle,c=t.outlineColor;return{outlineWidth:n,outlineStyle:o,outlineColor:c}}});n("606f");No.render=xo,No.__scopeId="data-v-59365834";var To=No,wo=Object(h["defineComponent"])({name:"editable-element-text",components:{ElementOutline:To},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=X(),n=ge(),o=n.addHistorySnapshot,c=Object(h["ref"])(),a=Object(h["ref"])(!1),r=Object(h["ref"])(-1),l=function(n){a.value=n,n||-1===r.value||(t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:r.value}}),r.value=-1)};Dt.on(_t.SCALE_ELEMENT_STATE,(function(e){return l(e)})),Object(h["onUnmounted"])((function(){Dt.off(_t.SCALE_ELEMENT_STATE,(function(e){return l(e)}))}));var i=function(n){var o=n[0].contentRect;if(c.value){var l=o.height;e.elementInfo.height!==l&&(a.value?r.value=l:t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:l}}))}},u=new ResizeObserver(i);Object(h["onMounted"])((function(){c.value&&u.observe(c.value)})),Object(h["onUnmounted"])((function(){c.value&&u.unobserve(c.value)}));var d,s=Object(h["ref"])(),f=function(){t.commit(g.SET_DISABLE_HOTKEYS_STATE,!0)},p=function(){t.commit(g.SET_DISABLE_HOTKEYS_STATE,!1)},b=Oe()((function(){t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{content:d.dom.innerHTML}}),o()}),300,{trailing:!0}),m=Oe()((function(){var e=yo(d);Dt.emit(_t.UPDATE_TEXT_STATE,e)}),30,{trailing:!0}),v=function(){b(),m()},O=Object(h["computed"])((function(){return e.elementInfo.content}));Object(h["watch"])(O,(function(){d&&(d.hasFocus()||(d.dom.innerHTML=O.value))}));var j=Object(h["computed"])((function(){return!e.elementInfo.lock}));Object(h["watch"])(j,(function(){d.setProps({editable:function(){return j.value}})})),Object(h["onMounted"])((function(){d=so(s.value,O.value,{handleDOMEvents:{focus:f,blur:p,keydown:v,click:m},editable:function(){return j.value}})})),Object(h["onUnmounted"])((function(){d&&d.destroy()}));var y=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo,n))},k=Object(h["computed"])((function(){return e.elementInfo.shadow})),E=cn(k),I=E.shadowStyle,S=Object(h["computed"])((function(){return t.state.handleElementId})),C=function(t){if(S.value===e.elementInfo.id){var n,o="command"in t?[t]:t,c=Object(me["a"])(o);try{for(c.s();!(n=c.n()).done;){var a=n.value;if("fontname"===a.command&&a.value){var r=d.state.schema.marks.fontname.create({fontname:a.value}),l=d.state.selection.empty;l&&Object(Nn["d"])(d.state,d.dispatch);var i=d.state.selection,u=i.$from,s=i.$to;d.dispatch(d.state.tr.addMark(u.pos,s.pos,r))}else if("fontsize"===a.command&&a.value){var f=d.state.schema.marks.fontsize.create({fontsize:a.value}),p=d.state.selection.empty;p&&Object(Nn["d"])(d.state,d.dispatch);var v=d.state.selection,O=v.$from,h=v.$to;d.dispatch(d.state.tr.addMark(O.pos,h.pos,f))}else if("color"===a.command&&a.value){var j=d.state.schema.marks.forecolor.create({color:a.value}),g=d.state.selection.empty;g&&Object(Nn["d"])(d.state,d.dispatch);var y=d.state.selection,k=y.$from,E=y.$to;d.dispatch(d.state.tr.addMark(k.pos,E.pos,j))}else if("backcolor"===a.command&&a.value){var I=d.state.schema.marks.backcolor.create({backcolor:a.value}),C=d.state.selection.empty;C&&Object(Nn["d"])(d.state,d.dispatch);var x=d.state.selection,N=x.$from,T=x.$to;d.dispatch(d.state.tr.addMark(N.pos,T.pos,I))}else if("bold"===a.command){var w=d.state.selection.empty;w&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.strong)(d.state,d.dispatch)}else if("em"===a.command){var L=d.state.selection.empty;L&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.em)(d.state,d.dispatch)}else if("underline"===a.command){var V=d.state.selection.empty;V&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.underline)(d.state,d.dispatch)}else if("strikethrough"===a.command){var _=d.state.selection.empty;_&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.strikethrough)(d.state,d.dispatch)}else if("subscript"===a.command)Object(Nn["f"])(d.state.schema.marks.subscript)(d.state,d.dispatch);else if("superscript"===a.command)Object(Nn["f"])(d.state.schema.marks.superscript)(d.state,d.dispatch);else if("blockquote"===a.command)Object(Nn["g"])(d.state.schema.nodes.blockquote)(d.state,d.dispatch);else if("code"===a.command)Object(Nn["f"])(d.state.schema.marks.code)(d.state,d.dispatch);else if("align"===a.command&&a.value)Eo(d,a.value);else if("bulletList"===a.command){var B=d.state.schema.nodes,M=B.bullet_list,D=B.list_item;So(M,D)(d.state,d.dispatch)}else if("orderedList"===a.command){var A=d.state.schema.nodes,P=A.ordered_list,R=A.list_item;So(P,R)(d.state,d.dispatch)}else if("clear"===a.command){var F=d.state.selection.empty;F&&Object(Nn["d"])(d.state,d.dispatch);var z=d.state.selection,H=z.$from,U=z.$to;d.dispatch(d.state.tr.removeMark(H.pos,U.pos))}}}catch(G){c.e(G)}finally{c.f()}d.focus(),b(),m()}};return Dt.on(_t.EXEC_TEXT_COMMAND,(function(e){return C(e)})),Object(h["onUnmounted"])((function(){Dt.off(_t.EXEC_TEXT_COMMAND,(function(e){return C(e)}))})),{elementRef:c,editorViewRef:s,handleSelectElement:y,shadowStyle:I}}});n("01f7");wo.render=xn,wo.__scopeId="data-v-092f3d4e";var Lo=wo,Vo=Object(h["withScopeId"])("data-v-6a9228f2");Object(h["pushScopeId"])("data-v-6a9228f2");var _o={key:0};Object(h["popScopeId"])();var Bo=Vo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("GradientDefs"),l=Object(h["resolveComponent"])("SvgWrapper"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px",height:e.elementInfo.height+"px",transform:"rotate(".concat(e.elementInfo.rotate,"deg)")},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(h["withDirectives"])(Object(h["createVNode"])("div",{class:"element-content",style:{opacity:e.elementInfo.opacity,filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(h["createVNode"])(l,{overflow:"visible",width:e.elementInfo.width,height:e.elementInfo.height},{default:Vo((function(){return[e.elementInfo.gradient?(Object(h["openBlock"])(),Object(h["createBlock"])("defs",_o,[Object(h["createVNode"])(r,{id:"editabel-gradient-".concat(e.elementInfo.id),type:e.elementInfo.gradient.type,color1:e.elementInfo.gradient.color[0],color2:e.elementInfo.gradient.color[1],rotate:e.elementInfo.gradient.rotate},null,8,["id","type","color1","color2","rotate"])])):Object(h["createCommentVNode"])("",!0),Object(h["createVNode"])("g",{transform:"scale(".concat(e.elementInfo.width/e.elementInfo.viewBox,", ").concat(e.elementInfo.height/e.elementInfo.viewBox,") translate(0,0) matrix(1,0,0,1,0,0)")},[Object(h["createVNode"])("path",{"vector-effect":"non-scaling-stroke","stroke-linecap":"butt","stroke-miterlimit":"8","stroke-linejoin":"",d:e.elementInfo.path,fill:e.elementInfo.gradient?"url(#editabel-gradient-".concat(e.elementInfo.id,")"):e.elementInfo.fill,stroke:e.outlineColor,"stroke-width":e.outlineWidth,"stroke-dasharray":"dashed"===e.outlineStyle?"10 5":"0 0"},null,8,["d","fill","stroke","stroke-width","stroke-dasharray"])],8,["transform"])]})),_:1},8,["width","height"])],4),[[i,e.contextmenus]])],38)}));function Mo(e,t,n,o,c,a){return"linear"===e.type?(Object(h["openBlock"])(),Object(h["createBlock"])("linearGradient",{key:0,id:e.id,x1:"0%",y1:"0%",x2:"100%",y2:"0%",gradientTransform:"rotate(".concat(e.rotate,",0.5,0.5)")},[Object(h["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(h["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id","gradientTransform"])):(Object(h["openBlock"])(),Object(h["createBlock"])("radialGradient",{key:1,id:e.id},[Object(h["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(h["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id"]))}var Do=Object(h["defineComponent"])({name:"gradient-defs",props:{id:{type:String,required:!0},type:{type:String},color1:{type:String,required:!0},color2:{type:String,required:!0},rotate:{type:Number,default:0}}});Do.render=Mo;var Ao=Do,Po=Object(h["defineComponent"])({name:"editable-element-shape",components:{GradientDefs:Ao},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))},n=Object(h["computed"])((function(){return e.elementInfo.outline})),o=ln(n),c=o.outlineWidth,a=o.outlineStyle,r=o.outlineColor,l=Object(h["computed"])((function(){return e.elementInfo.shadow})),i=cn(l),u=i.shadowStyle;return{handleSelectElement:t,shadowStyle:u,outlineWidth:c,outlineStyle:a,outlineColor:r}}});n("2a31");Po.render=Bo,Po.__scopeId="data-v-6a9228f2";var Ro=Po,Fo=Object(h["withScopeId"])("data-v-d93ab0c4"),zo=Fo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("LinePointMarker"),l=Object(h["resolveComponent"])("SvgWrapper"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px"}},[Object(h["createVNode"])("div",{class:"element-content",style:{filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(h["createVNode"])(l,{overflow:"visible",width:e.svgWidth,height:e.svgHeight},{default:Fo((function(){return[Object(h["createVNode"])("defs",null,[e.elementInfo.points[0]?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:0,id:e.elementInfo.id,position:"start",type:e.elementInfo.points[0],color:e.elementInfo.color,baseSize:e.elementInfo.width},null,8,["id","type","color","baseSize"])):Object(h["createCommentVNode"])("",!0),e.elementInfo.points[1]?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:1,id:e.elementInfo.id,position:"end",type:e.elementInfo.points[1],color:e.elementInfo.color,baseSize:e.elementInfo.width},null,8,["id","type","color","baseSize"])):Object(h["createCommentVNode"])("",!0)]),Object(h["createVNode"])("path",{d:e.path,stroke:e.elementInfo.color,"stroke-width":e.elementInfo.width,"stroke-dasharray":e.lineDashArray,fill:"none","stroke-linecap":"","stroke-linejoin":"","stroke-miterlimit":"","marker-start":e.elementInfo.points[0]?"url(#".concat(e.elementInfo.id,"-").concat(e.elementInfo.points[0],"-start)"):"","marker-end":e.elementInfo.points[1]?"url(#".concat(e.elementInfo.id,"-").concat(e.elementInfo.points[1],"-end)"):""},null,8,["d","stroke","stroke-width","stroke-dasharray","marker-start","marker-end"]),Object(h["withDirectives"])(Object(h["createVNode"])("path",{class:"line-path",d:e.path,stroke:"transparent","stroke-width":"20",fill:"none",onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},null,40,["d"]),[[i,e.contextmenus]])]})),_:1},8,["width","height"])],4)],6)}));function Ho(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("marker",{id:"".concat(e.id,"-").concat(e.type,"-").concat(e.position),markerUnits:"userSpaceOnUse",orient:"auto",markerWidth:3*e.size,markerHeight:3*e.size,refX:1.5*e.size,refY:1.5*e.size},[Object(h["createVNode"])("path",{d:e.path,fill:e.color,transform:"scale(".concat(.3*e.size,", ").concat(.3*e.size,") rotate(").concat(e.rotate,", 5, 5)")},null,8,["d","fill","transform"])],8,["id","markerWidth","markerHeight","refX","refY"])}var Uo={dot:"m0 5a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z",arrow:"M0,0 L10,5 0,10 Z"},Go={"arrow-start":180,"arrow-end":0},qo=Object(h["defineComponent"])({name:"line-point-marker",props:{id:{type:String,required:!0},position:{type:String,required:!0},type:{type:String,required:!0},color:{type:String},baseSize:{type:Number,required:!0}},setup:function(e){var t=Object(h["computed"])((function(){return Uo[e.type]})),n=Object(h["computed"])((function(){return Go["".concat(e.type,"-").concat(e.position)]||0})),o=Object(h["computed"])((function(){return e.baseSize<2?2:e.baseSize}));return{path:t,rotate:n,size:o}}});qo.render=Ho;var Wo=qo,Xo=Object(h["defineComponent"])({name:"editable-element-shape",components:{LinePointMarker:Wo},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))},n=Object(h["computed"])((function(){return e.elementInfo.shadow})),o=cn(n),c=o.shadowStyle,a=Object(h["computed"])((function(){var t=Math.abs(e.elementInfo.start[0]-e.elementInfo.end[0]);return t<24?24:t})),r=Object(h["computed"])((function(){var t=Math.abs(e.elementInfo.start[1]-e.elementInfo.end[1]);return t<24?24:t})),l=Object(h["computed"])((function(){return"dashed"===e.elementInfo.style?"10, 5":"0, 0"})),i=Object(h["computed"])((function(){var t=e.elementInfo.start.join(","),n=e.elementInfo.end.join(",");return"M".concat(t," L").concat(n)}));return{handleSelectElement:t,shadowStyle:c,svgWidth:a,svgHeight:r,lineDashArray:l,path:i}}});n("1c60");Xo.render=zo,Xo.__scopeId="data-v-d93ab0c4";var Yo=Xo,Zo=Object(h["withScopeId"])("data-v-7550799e"),Jo=Zo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("ElementOutline"),l=Object(h["resolveComponent"])("Chart"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-chart",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px",height:e.elementInfo.height+"px"},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(h["withDirectives"])(Object(h["createVNode"])("div",{class:"element-content",style:{backgroundColor:e.elementInfo.fill}},[Object(h["createVNode"])(r,{width:e.elementInfo.width,height:e.elementInfo.height,outline:e.elementInfo.outline},null,8,["width","height","outline"]),Object(h["createVNode"])(l,{width:e.elementInfo.width,height:e.elementInfo.height,type:e.elementInfo.chartType,data:e.elementInfo.data,options:e.elementInfo.options,themeColor:e.elementInfo.themeColor,gridColor:e.elementInfo.gridColor},null,8,["width","height","type","data","options","themeColor","gridColor"])],4),[[i,e.contextmenus]])],38)})),Ko=Object(h["withScopeId"])("data-v-5f401eca");Object(h["pushScopeId"])("data-v-5f401eca");var $o={class:"chart"};Object(h["popScopeId"])();var Qo=Ko((function(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("div",$o,[Object(h["createVNode"])("div",{class:"chart-content",ref:"chartRef",style:{width:e.width+"px",height:e.height+"px",transform:"scale(".concat(1/e.slideScale,")")}},null,4)])})),ec=n("8103"),tc=n.n(ec),nc=n("66cb"),oc=n.n(nc),cc=n("ba48"),ac=n.n(cc),rc=(n("aa97"),Object(h["defineComponent"])({name:"chart",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object},themeColor:{type:String,required:!0},gridColor:{type:String}},setup:function(e){var t,n=Object(h["ref"])(),o=Object(h["inject"])("slideScale")||Object(h["ref"])(1),c=function(){var t=e.options||{},n=Object(P["a"])(Object(P["a"])({},t),{},{width:e.width*o.value,height:e.height*o.value}),c="pie"===e.type?Object(P["a"])(Object(P["a"])({},e.data),{},{series:e.data.series[0]}):e.data;return{data:c,options:n}},a=function(){if(n.value){var o=tc()(e.type),a=c(),r=a.data,l=a.options;t=new ac.a[o](n.value,r,l)}},r=function(){if(t){var e=c(),n=e.data,o=e.options;t.update(n,o)}else a()};Object(h["watch"])([function(){return e.width},function(){return e.height},function(){return e.data},o],r),Object(h["onMounted"])(a);var l=function(){if(n.value){for(var t=oc()(e.themeColor).toHsl(),o=0;o<10;o++){var c=t.h+36*o;c>360&&(c-=360);var a=Object(P["a"])(Object(P["a"])({},t),{},{h:c});n.value.style.setProperty("--theme-color-".concat(o+1),oc()(a).toRgbString())}e.gridColor&&n.value.style.setProperty("--grid-color",e.gridColor)}};return Object(h["watch"])([function(){return e.themeColor},function(){return e.gridColor}],l),Object(h["onMounted"])(l),{slideScale:o,chartRef:n}}}));n("380f8"),n("d85b");rc.render=Qo,rc.__scopeId="data-v-5f401eca";var lc=rc,ic=Object(h["defineComponent"])({name:"editable-element-chart",components:{ElementOutline:To,Chart:lc},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))};return{handleSelectElement:t}}});n("fba1");ic.render=Jo,ic.__scopeId="data-v-7550799e";var uc=ic,dc=Object(h["withScopeId"])("data-v-045f7664");Object(h["pushScopeId"])("data-v-045f7664");var sc={class:"element-content"};Object(h["popScopeId"])();var fc=dc((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("EditableTable"),l=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-table",{lock:e.elementInfo.lock}],ref:"elementRef",style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px"}},[Object(h["withDirectives"])(Object(h["createVNode"])("div",sc,[Object(h["createVNode"])(r,{onMousedown:t[1]||(t[1]=Object(h["withModifiers"])((function(){}),["stop"])),data:e.elementInfo.data,width:e.elementInfo.width,colWidths:e.elementInfo.colWidths,outline:e.elementInfo.outline,theme:e.elementInfo.theme,editable:e.editable,onChange:t[2]||(t[2]=function(t){return e.updateTableCells(t)}),onChangeColWidths:t[3]||(t[3]=function(t){return e.updateColWidths(t)}),onChangeSelectedCells:t[4]||(t[4]=function(t){return e.updateSelectedCells(t)})},null,8,["data","width","colWidths","outline","theme","editable"]),!e.editable||e.elementInfo.lock?(Object(h["openBlock"])(),Object(h["createBlock"])("div",{key:0,class:["table-mask",{lock:e.elementInfo.lock}],onDblclick:t[5]||(t[5]=function(t){return e.startEdit()}),onMousedown:t[6]||(t[6]=function(t){return e.handleSelectElement(t)})},[Object(h["createVNode"])("div",{class:"mask-tip",style:{transform:"scale(".concat(1/e.canvasScale,")")}},"双击编辑",4)],34)):Object(h["createCommentVNode"])("",!0)],512),[[l,e.contextmenus]])],6)})),pc=(n("13d5"),Object(h["withScopeId"])("data-v-7859e10e"));Object(h["pushScopeId"])("data-v-7859e10e");var bc={key:0,class:"handler"};Object(h["popScopeId"])();var mc=pc((function(e,t,n,o,c,a){var r,l,i,u,d,s=Object(h["resolveComponent"])("CustomTextarea"),f=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"editable-table",style:{width:e.totalWidth+"px"}},[e.editable?(Object(h["openBlock"])(),Object(h["createBlock"])("div",bc,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.dragLinePosition,(function(t,n){return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"drag-line",key:n,style:{left:t+"px"},onMousedown:function(t){return e.handleMousedownColHandler(t,n)}},null,44,["onMousedown"])})),128))])):Object(h["createCommentVNode"])("",!0),Object(h["createVNode"])("table",{class:{theme:e.theme,"row-header":null===(r=e.theme)||void 0===r?void 0:r.rowHeader,"row-footer":null===(l=e.theme)||void 0===l?void 0:l.rowFooter,"col-header":null===(i=e.theme)||void 0===i?void 0:i.colHeader,"col-footer":null===(u=e.theme)||void 0===u?void 0:u.colFooter},style:"--themeColor: ".concat(null===(d=e.theme)||void 0===d?void 0:d.color,"; --subThemeColor1: ").concat(e.subThemeColor[0],"; --subThemeColor2: ").concat(e.subThemeColor[1])},[Object(h["createVNode"])("colgroup",null,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.colSizeList,(function(e,t){return Object(h["openBlock"])(),Object(h["createBlock"])("col",{span:"1",key:t,width:e},null,8,["width"])})),128))]),Object(h["createVNode"])("tbody",null,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.tableCells,(function(n,o){return Object(h["openBlock"])(),Object(h["createBlock"])("tr",{key:o},[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(n,(function(n,c){return Object(h["withDirectives"])((Object(h["openBlock"])(),Object(h["createBlock"])("td",{class:["cell",{selected:e.selectedCells.includes("".concat(o,"_").concat(c))&&e.selectedCells.length>1,active:e.activedCell==="".concat(o,"_").concat(c)}],style:Object(P["a"])({borderStyle:e.outline.style,borderColor:e.outline.color,borderWidth:e.outline.width+"px"},e.getTextStyle(n.style)),key:n.id,rowspan:n.rowspan,colspan:n.colspan,"data-cell-index":"".concat(o,"_").concat(c),onMousedown:function(t){return e.handleCellMousedown(t,o,c)},onMouseenter:function(t){return e.handleCellMouseenter(o,c)}},[Object(h["createVNode"])(s,{class:["cell-text",{active:e.activedCell==="".concat(o,"_").concat(c)}],contenteditable:e.activedCell==="".concat(o,"_").concat(c)&&"plaintext-only",modelValue:n.text,"onUpdate:modelValue":[function(e){return n.text=e},t[1]||(t[1]=function(t){return e.handleInput()})]},null,8,["class","contenteditable","modelValue","onUpdate:modelValue"])],46,["rowspan","colspan","data-cell-index","onMousedown","onMouseenter"])),[[h["vShow"],!e.hideCells.includes("".concat(o,"_").concat(c))],[f,function(t){return e.contextmenus(t)}]])})),128))])})),128))])],6)],4)}));n("1276"),n("cc71");function vc(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"custom-textarea",ref:"textareaRef",contenteditable:e.contenteditable,onFocus:t[1]||(t[1]=function(){return e.handleFocus&&e.handleFocus.apply(e,arguments)}),onBlur:t[2]||(t[2]=function(){return e.handleBlur&&e.handleBlur.apply(e,arguments)}),onInput:t[3]||(t[3]=function(t){return e.handleInput(t)}),innerHTML:e.text},null,40,["contenteditable","innerHTML"])}var Oc=Object(h["defineComponent"])({name:"custom-textarea",props:{modelValue:{type:String,default:""},contenteditable:{type:[Boolean,String],default:!1}},setup:function(e,t){var n=t.emit,o=Object(h["ref"])(),c=Object(h["ref"])(""),a=Object(h["ref"])(!1);Object(h["watch"])((function(){return e.modelValue}),(function(){a.value||(c.value=e.modelValue,o.value&&(o.value.innerHTML=e.modelValue))}),{immediate:!0});var r=function(){if(o.value){var e=o.value.innerHTML;n("update:modelValue",e)}},l=function(){a.value=!0,o.value&&(o.value.onpaste=function(e){if(e.preventDefault(),e.clipboardData){var t=e.clipboardData.items[0];t&&"string"===t.kind&&"text/plain"===t.type&&t.getAsString((function(e){return n("update:modelValue",e)}))}})},i=function(){a.value=!1,o.value&&(o.value.onpaste=null)};return Object(h["onUnmounted"])((function(){o.value&&(o.value.onpaste=null)})),{textareaRef:o,handleFocus:l,handleInput:r,handleBlur:i,text:c}}});Oc.render=vc;var hc=Oc,jc=Object(h["defineComponent"])({name:"editable-table",components:{CustomTextarea:hc},props:{data:{type:Array,required:!0},width:{type:Number,required:!0},colWidths:{type:Array,required:!0},outline:{type:Object,required:!0},theme:{type:Object},editable:{type:Boolean,default:!0}},setup:function(e,t){var n=t.emit,o=X(),c=Object(h["computed"])((function(){return o.state.canvasScale})),a=Object(h["ref"])(["",""]);Object(h["watch"])((function(){return e.theme}),(function(){if(e.theme){var t=oc()(e.theme.color).toRgb(),n={r:t.r,g:t.g,b:t.b,a:.3*t.a},o={r:t.r,g:t.g,b:t.b,a:.1*t.a};a.value=["rgba(".concat([n.r,n.g,n.b,n.a].join(","),")"),"rgba(".concat([o.r,o.g,o.b,o.a].join(","),")")]}}),{immediate:!0});var r=Object(h["computed"])({get:function(){return e.data},set:function(e){n("change",e)}}),l=Object(h["ref"])([]),i=Object(h["computed"])((function(){return l.value.reduce((function(e,t){return e+t}))}));Object(h["watch"])([function(){return e.colWidths},function(){return e.width}],(function(){l.value=e.colWidths.map((function(t){return t*e.width}))}),{immediate:!0});var u=Object(h["ref"])(!1),d=Object(h["ref"])([]),s=Object(h["ref"])([]),f=function(){d.value=[],s.value=[]};Object(h["watch"])((function(){return e.editable}),(function(){e.editable||f()}));var p=Object(h["computed"])((function(){for(var e=[],t=1;tX
Y
',1),Kd={class:"row"},$d=Object(h["createVNode"])("div",{style:{flex:"3"}},"大小：",-1),Qd={key:1,style:{flex:"1"}},es=Object(h["createStaticVNode"])('宽
高
一段测试文字，字号固定为28px
',\n },\n {\n id: 'xxx3',\n type: 'image',\n left: 80,\n top: 250,\n width: 180,\n height: 180,\n rotate: 0,\n outline: {\n width: 4,\n style: 'solid',\n color: '#333'\n },\n clip: {\n range: [[30, 0], [100, 70]],\n shape: 'ellipse'\n },\n fixedRatio: false,\n lock: false,\n src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/1573622467064v2-7aa3ce420052983d91c6d01b47a7441d_hd.jpg',\n },\n {\n id: 'xxx2',\n type: 'image',\n left: 750,\n top: 320,\n width: 150,\n height: 150,\n rotate: 0,\n fixedRatio: true,\n lock: false,\n src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/62d9adb3-e7a6-4dc4-a352-095cffb49f08/b1be1a2f-f893-47d3-a8a3-eac7d04d395f/1596159381259v2-b2c69096d25ae16bf6ca09e30add3e65_hd.jpg',\n },\n ],\n animations: [\n {\n elId: 'xxx1',\n type: 'rotateIn',\n duration: 1000,\n },\n {\n elId: 'xxx2',\n type: 'zoomIn',\n duration: 1000,\n },\n ],\n },\n {\n id: 'sajd172',\n elements: [\n {\n id: 'yyx1',\n type: 'text',\n left: 590,\n top: 90,\n width: 220,\n height: 188,\n rotate: 0,\n opacity: 1,\n lock: false,\n content: '😀 😐 😶 😜 🔔 ⭐ ⚡ 🔥 👍 💡 🔰 🎀 🎁 🥇 🏅 🏆 🎈 🎉 💎 🚧 ⛔ 📢 ⌛ ⏰ 🕒 🧩 🎵 📎 🔒 🔑 ⛳ 📌 📍 💬 📅 📈 📋 📜 📁 📱 💻 💾 🌏 🚚 🚡 🚢💧 🌐 🧭 💰 💳 🛒
',\n },\n {\n id: 'xsfdas',\n type: 'line',\n width: 2,\n left: 100,\n top: 400,\n end: [0, 0],\n start: [300, 120],\n style: 'solid',\n color: '#888',\n points: ['', 'arrow'],\n },\n {\n id: 'xxx7',\n type: 'shape',\n left: 130,\n top: 50,\n width: 150,\n height: 150,\n rotate: 0,\n fill: '#eebc29',\n opacity: 0.9,\n fixedRatio: false,\n lock: false,\n viewBox: 1024,\n path: 'M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z',\n }\n ],\n animations: [\n {\n elId: 'yyx1',\n type: 'flipInX',\n duration: 1000,\n },\n ],\n },\n]","import { Slide, SlideTheme } from '@/types/slides'\r\nimport { CreatingElement } from '@/types/edit'\r\nimport { ToolbarState } from '@/types/toolbar'\r\nimport { slides } from '@/mocks/index'\r\nimport { SYS_FONTS } from '@/configs/font'\r\n\r\nexport interface State {\r\n activeElementIdList: string[];\r\n handleElementId: string;\r\n canvasPercentage: number;\r\n canvasScale: number;\r\n thumbnailsFocus: boolean;\r\n editorAreaFocus: boolean;\r\n disableHotkeys: boolean;\r\n showGridLines: boolean;\r\n creatingElement: CreatingElement | null;\r\n availableFonts: typeof SYS_FONTS;\r\n toolbarState: ToolbarState;\r\n theme: SlideTheme;\r\n slides: Slide[];\r\n slideIndex: number;\r\n snapshotCursor: number;\r\n snapshotLength: number;\r\n ctrlKeyState: boolean;\r\n shiftKeyState: boolean;\r\n screening: boolean;\r\n clipingImageElementId: string;\r\n}\r\n\r\nexport const state: State = {\r\n activeElementIdList: [],\r\n handleElementId: '',\r\n canvasPercentage: 90,\r\n canvasScale: 1,\r\n thumbnailsFocus: false,\r\n editorAreaFocus: false,\r\n disableHotkeys: false,\r\n showGridLines: false,\r\n creatingElement: null,\r\n availableFonts: [],\r\n toolbarState: 'slideStyle',\r\n theme: {\r\n themeColor: '#d14424',\r\n fontColor: '#333',\r\n fontName: '微软雅黑',\r\n backgroundColor: '#fff',\r\n },\r\n slides: slides,\r\n slideIndex: 0,\r\n snapshotCursor: -1,\r\n snapshotLength: 0,\r\n ctrlKeyState: false,\r\n shiftKeyState: false,\r\n screening: false,\r\n clipingImageElementId: '',\r\n}","import { GetterTree } from 'vuex'\r\nimport { State } from './state'\r\n\r\nexport const getters: GetterTree\n
\n\n\n\n\n","export const enum KEYS {\n C = 'C',\n X = 'X',\n Z = 'Z',\n Y = 'Y',\n A = 'A',\n G = 'G',\n L = 'L',\n F = 'F',\n D = 'D',\n MINUS = '-',\n EQUAL = '=',\n DIGIT_0 = '0',\n DELETE = 'DELETE',\n UP = 'ARROWUP',\n DOWN = 'ARROWDOWN',\n LEFT = 'ARROWLEFT',\n RIGHT = 'ARROWRIGHT',\n ENTER = 'ENTER',\n SPACE = ' ',\n TAB = 'TAB',\n}","import padStart from 'lodash/padStart'\n\n// 生成随机码\nexport const createRandomCode = (len = 6) => {\n const charset = `_0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`\n const maxLen = charset.length\n let ret = ''\n for(let i = 0; i < len; i++) {\n const randomIndex = Math.floor(Math.random() * maxLen)\n ret += charset[randomIndex]\n }\n return ret\n}\n\n// 数字补足位数，例如将6补足3位 -> 003\nexport const fillDigit = (digit: number, len: number) => {\n return padStart('' + digit, len, '0')\n}","import Clipboard from 'clipboard'\n\n// 复制文本到剪贴板\nexport const copyText = (text: string) => {\n return new Promise((resolve, reject) => {\n const fakeElement = document.createElement('button')\n const clipboard = new Clipboard(fakeElement, {\n text: () => text,\n action: () => 'copy',\n container: document.body,\n })\n clipboard.on('success', e => {\n clipboard.destroy()\n resolve(e)\n })\n clipboard.on('error', e => {\n clipboard.destroy()\n reject(e)\n })\n document.body.appendChild(fakeElement)\n fakeElement.click()\n document.body.removeChild(fakeElement)\n })\n}\n\n// 读取剪贴板\nexport const readClipboard = (): Promise\n
\n \n
\n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { createRandomCode } from '@/utils/common'\nimport useScreening from '@/hooks/useScreening'\nimport useSlideHandler from '@/hooks/useSlideHandler'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport { message } from 'ant-design-vue'\n\nconst hotkeys = [\n {\n type: '通用',\n children: [\n { label: '剪切', value: 'Ctrl + X' },\n { label: '复制', value: 'Ctrl + C' },\n { label: '粘贴', value: 'Ctrl + V' },\n { label: '快速复制粘贴', value: 'Ctrl + D' },\n { label: '全选', value: 'Ctrl + A' },\n { label: '撤销', value: 'Ctrl + Z' },\n { label: '恢复', value: 'Ctrl + Y' },\n { label: '删除', value: 'Delete' },\n ],\n },\n {\n type: '幻灯片放映',\n children: [\n { label: '开始放映幻灯片', value: 'Ctrl + F' },\n { label: '切换上一页', value: '↑ / ←' },\n { label: '切换下一页', value: '↓ / → / Enter / Space' },\n { label: '退出放映', value: 'ESC' },\n ],\n },\n {\n type: '幻灯片编辑',\n children: [\n { label: '新建幻灯片', value: 'Enter' },\n { label: '缩放画布', value: 'Ctrl + 鼠标滚动' },\n { label: '放大画布', value: 'Ctrl + =' },\n { label: '缩小画布', value: 'Ctrl + -' },\n { label: '缩放画布到合适大小', value: 'Ctrl + 0' },\n { label: '编辑上一页', value: '↑ / ←' },\n { label: '编辑下一页', value: '↓ / →' },\n ],\n },\n {\n type: '元素操作',\n children: [\n { label: '移动', value: '↑ / ← / ↓ / →' },\n { label: '锁定', value: 'Ctrl + L' },\n { label: '组合', value: 'Ctrl + G' },\n { label: '取消组合', value: 'Ctrl + Shift + G' },\n { label: '多选', value: '按住 Ctrl 或 Shift' },\n { label: '锁定宽高比例', value: '按住 Ctrl 或 Shift' },\n { label: '创建水平 / 垂直线条', value: '按住 Ctrl 或 Shift' },\n { label: '确认图片裁剪', value: 'Enter' },\n ],\n },\n {\n type: '表格编辑',\n children: [\n { label: '聚焦到下一个单元格', value: 'Tab' },\n ],\n },\n {\n type: '文本编辑',\n children: [\n { label: '加粗', value: 'Ctrl + B' },\n { label: '斜体', value: 'Ctrl + I' },\n { label: '下划线', value: 'Ctrl + U' },\n { label: '删除线', value: 'Ctrl + D' },\n ],\n },\n]\n\nexport default defineComponent({\n name: 'editor-header',\n setup() {\n const store = useStore()\n\n const { enterScreening, enterScreeningFromStart } = useScreening()\n const { createSlide, deleteSlide } = useSlideHandler()\n const { redo, undo } = useHistorySnapshot()\n\n const showGridLines = computed(() => store.state.showGridLines)\n const toggleGridLines = () => {\n store.commit(MutationTypes.SET_GRID_LINES_STATE, !showGridLines.value)\n }\n\n const resetSlides = () => {\n store.commit(MutationTypes.SET_ACTIVE_ELEMENT_ID_LIST, [])\n store.commit(MutationTypes.SET_SLIDES, [{\n id: createRandomCode(),\n elements: [],\n }])\n }\n\n const openDoc = () => {\n message.warning('作者努力编写中...')\n }\n\n const hotkeyDrawerVisible = ref(false)\n\n return {\n enterScreening,\n enterScreeningFromStart,\n createSlide,\n deleteSlide,\n redo,\n undo,\n toggleGridLines,\n showGridLines,\n resetSlides,\n openDoc,\n hotkeyDrawerVisible,\n hotkeys,\n }\n },\n})\n","import { render } from \"./index.vue?vue&type=template&id=2accc3e9&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=ts\"\nexport * from \"./index.vue?vue&type=script&lang=ts\"\n\nimport \"./index.vue?vue&type=style&index=0&id=2accc3e9&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-2accc3e9\"\n\nexport default script","\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n \n \n \n \n \n \n
\n\n \n \n
\n \n {{item.type}}
\n \n
\n \n {{hotkey.label}}
\n {{hotkey.value}}
\n mousewheelScaleCanvas($event)\"\n @mousedown=\"$event => handleClickBlankArea($event)\"\n v-contextmenu=\"contextmenus\"\n v-click-outside=\"removeEditorAreaFocus\"\n >\n insertElementFromCreateSelection(data)\"\n />\n \n
\n\n\n\n\n","import { ShapePoolItem } from '@/configs/shapes'\r\nimport { LinePoolItem } from '@/configs/lines'\r\n\r\nexport type ElementOrderCommand = 'up' | 'down' | 'top' | 'bottom'\r\n\r\nexport const enum ElementOrderCommands {\r\n UP = 'up',\r\n DOWN = 'down',\r\n TOP = 'top',\r\n BOTTOM = 'bottom',\r\n}\r\n\r\nexport type ElementAlignCommand = 'top'| 'bottom' | 'left' | 'right' | 'vertical' | 'horizontal'\r\n\r\nexport const enum ElementAlignCommands {\r\n TOP = 'top',\r\n BOTTOM = 'bottom',\r\n LEFT = 'left',\r\n RIGHT = 'right',\r\n VERTICAL = 'vertical',\r\n HORIZONTAL = 'horizontal',\r\n}\r\n\r\nexport type OperateBorderLine = 'top' | 'bottom' | 'left' | 'right'\r\n\r\nexport const enum OperateBorderLines {\r\n T = 'top',\r\n B = 'bottom',\r\n L = 'left',\r\n R = 'right',\r\n}\r\n\r\nexport type OperateResizeHandler = '' | 'left-top' | 'top' | 'right-top' | 'left' | 'right' | 'left-bottom' | 'bottom' | 'right-bottom'\r\n\r\nexport const enum OperateResizeHandlers {\r\n LEFT_TOP = 'left-top',\r\n TOP = 'top',\r\n RIGHT_TOP = 'right-top',\r\n LEFT = 'left',\r\n RIGHT = 'right',\r\n LEFT_BOTTOM = 'left-bottom',\r\n BOTTOM = 'bottom',\r\n RIGHT_BOTTOM = 'right-bottom',\r\n}\r\n\r\nexport type OperateLineHandler = 'start' | 'end'\r\n\r\nexport const enum OperateLineHandlers {\r\n START = 'start',\r\n END = 'end,'\r\n}\r\n\r\nexport interface AlignmentLineAxis {\r\n x: number; \r\n y: number;\r\n}\r\n\r\nexport interface AlignmentLineProps {\r\n type: 'vertical' | 'horizontal';\r\n axis: AlignmentLineAxis;\r\n length: number;\r\n}\r\n\r\nexport interface MultiSelectRange {\r\n minX: number;\r\n maxX: number;\r\n minY: number;\r\n maxY: number;\r\n}\r\n\r\nexport type ImageClipDataRange = [[number, number], [number, number]]\r\n\r\nexport interface ImageClipData {\r\n range: ImageClipDataRange;\r\n path: string;\r\n}\r\n\r\nexport interface ImageClipedEmitData {\r\n range: ImageClipDataRange;\r\n position: {\r\n left: number;\r\n top: number;\r\n width: number;\r\n height: number;\r\n };\r\n}\r\n\r\nexport interface CreateElementSelectionData {\r\n start: [number, number];\r\n end: [number, number];\r\n}\r\n\r\nexport interface CreatingTextElement {\r\n type: 'text';\r\n}\r\nexport interface CreatingShapeElement {\r\n type: 'shape';\r\n data: ShapePoolItem;\r\n}\r\nexport interface CreatingLineElement {\r\n type: 'line';\r\n data: LinePoolItem;\r\n}\r\nexport type CreatingElement = CreatingTextElement | CreatingShapeElement | CreatingLineElement","export const removeAllRanges = () => {\n const selection = window.getSelection()\n selection && selection.removeAllRanges()\n}","import { ref, computed, onMounted, onUnmounted, Ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { VIEWPORT_SIZE, VIEWPORT_ASPECT_RATIO } from '@/configs/canvas'\n\nexport default (canvasRef: Ref\n \n
\n\n\n","import { IBarChartOptions, ILineChartOptions, IPieChartOptions } from 'chartist'\n\nexport interface PPTElementShadow {\n h: number;\n v: number;\n blur: number;\n color: string;\n}\n\nexport const enum ElementTypes {\n TEXT = 'text',\n IMAGE = 'image',\n SHAPE = 'shape',\n LINE = 'line',\n CHART = 'chart',\n TABLE = 'table',\n}\n\nexport interface PPTElementOutline {\n style?: 'dashed' | 'solid';\n width?: number;\n color?: string;\n}\n\nexport interface PPTTextElement {\n type: 'text';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n content: string;\n rotate?: number;\n outline?: PPTElementOutline;\n fill?: string;\n lineHeight?: number;\n wordSpace?: number;\n opacity?: number;\n shadow?: PPTElementShadow;\n}\n\nexport interface ImageElementFilters {\n 'blur'?: string;\n 'brightness'?: string;\n 'contrast'?: string;\n 'grayscale'?: string;\n 'saturate'?: string;\n 'hue-rotate'?: string;\n 'opacity'?: string;\n}\nexport interface PPTImageElement {\n type: 'image';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n fixedRatio: boolean;\n src: string;\n rotate?: number;\n outline?: PPTElementOutline;\n filters?: ImageElementFilters;\n clip?: {\n range: [[number, number], [number, number]];\n shape: 'rect' | 'roundRect' | 'ellipse' | 'triangle' | 'pentagon' | 'rhombus' | 'star';\n };\n flip?: { x?: number; y?: number };\n shadow?: PPTElementShadow;\n}\n\nexport interface ShapeGradient {\n type: 'linear' | 'radial';\n color: [string, string];\n rotate: number;\n}\nexport interface PPTShapeElement {\n type: 'shape';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n viewBox: number;\n path: string;\n fixedRatio: boolean;\n fill: string;\n gradient?: ShapeGradient;\n rotate?: number;\n outline?: PPTElementOutline;\n opacity?: number;\n shadow?: PPTElementShadow;\n}\n\nexport interface PPTLineElement {\n type: 'line';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n start: [number, number];\n end: [number, number];\n width: number;\n style: string;\n color: string;\n points: [string, string];\n shadow?: PPTElementShadow;\n}\n\nexport type ChartType = 'bar' | 'line' | 'pie'\nexport interface ChartData {\n labels: string[];\n series: number[][];\n}\nexport interface PPTChartElement {\n type: 'chart';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n fill?: string;\n chartType: ChartType;\n data: ChartData;\n options?: ILineChartOptions & IBarChartOptions & IPieChartOptions;\n outline?: PPTElementOutline;\n themeColor: string;\n gridColor?: string;\n}\n\nexport interface TableCellStyle {\n bold?: boolean;\n em?: boolean;\n underline?: boolean;\n strikethrough?: boolean;\n color?: string;\n backcolor?: string;\n fontsize?: string;\n fontname?: string;\n align?: string;\n}\nexport interface TableCell {\n id: string;\n colspan: number;\n rowspan: number;\n text: string;\n style?: TableCellStyle;\n}\nexport interface TableTheme {\n color: string;\n rowHeader: boolean;\n rowFooter: boolean;\n colHeader: boolean;\n colFooter: boolean;\n} \nexport interface PPTTableElement {\n type: 'table';\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n outline: PPTElementOutline;\n theme?: TableTheme;\n colWidths: number[];\n data: TableCell[][];\n}\n\nexport type PPTElement = PPTTextElement | PPTImageElement | PPTShapeElement | PPTLineElement | PPTChartElement | PPTTableElement\n\nexport interface PPTAnimation {\n elId: string;\n type: string;\n duration: number;\n}\n\nexport interface SlideBackground {\n type: 'solid' | 'image' | 'gradient';\n color?: string;\n image?: string;\n imageSize?: 'cover' | 'contain' | 'repeat' | 'initial';\n gradientType?: 'linear' | 'radial';\n gradientColor?: [string, string];\n gradientRotate?: number;\n}\n\nexport interface Slide {\n id: string;\n elements: PPTElement[];\n background?: SlideBackground;\n animations?: PPTAnimation[];\n turningMode?: 'no' | 'fade' | 'slideX' | 'slideY';\n}\n\nexport interface SlideTheme {\n backgroundColor: string;\n themeColor: string;\n fontColor: string;\n fontName: string;\n}","import { computed } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement, Slide } from '@/types/slides'\nimport { ElementOrderCommand, ElementOrderCommands } from '@/types/edit'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nexport default () => {\n const store = useStore()\n const currentSlide = computed handleSelectElement($event)\" \n >\n clip(range)\"\n />\n
\n\n\n\n\n\n","import { ref, Ref, watchEffect } from 'vue'\nimport { PPTElementShadow } from '@/types/slides'\n\nexport default (shadow: Ref\n
\n \n ![\"\"\n]()
\n
\n \n ![\"\"]()
\n\n
\n\n\n\n\n","\nimport { computed, defineComponent, onMounted, onUnmounted, PropType, reactive, ref } from 'vue'\nimport { useStore } from '@/store'\nimport { KEYS } from '@/configs/hotkey'\nimport { ImageClipData, ImageClipDataRange, ImageClipedEmitData } from '@/types/edit'\n\ntype ScaleClipRangeType = 't-l' | 't-r' | 'b-l' | 'b-r'\n\nexport default defineComponent({\n name: 'image-clip-handler',\n props: {\n src: {\n type: String,\n required: true,\n },\n clipData: {\n type: Object as PropType\n ![\"\"]()
\n
\n\n moveClipRange($event)\"\n >\n
\n scaleClipRange($event, point)\"\n >\n \n \n \n
\n handleSelectElement($event)\"\n >\n
\n\n\n\n\n\n","import { splitListItem, liftListItem, sinkListItem } from 'prosemirror-schema-list'\r\nimport { Schema } from 'prosemirror-model'\r\nimport { undo, redo } from 'prosemirror-history'\r\nimport { undoInputRule } from 'prosemirror-inputrules'\r\nimport {\r\n toggleMark,\r\n selectParentNode,\r\n joinUp,\r\n joinDown,\r\n Command,\r\n} from 'prosemirror-commands'\r\n\r\nexport const buildKeymap = (schema: Schema) => {\r\n const keys = {}\r\n const bind = (key: string, cmd: Command) => keys[key] = cmd\r\n\r\n bind('Alt-ArrowUp', joinUp)\r\n bind('Alt-ArrowDown', joinDown)\r\n bind('Ctrl-z', undo)\r\n bind('Ctrl-y', redo)\r\n bind('Backspace', undoInputRule)\r\n bind('Escape', selectParentNode)\r\n bind('Ctrl-b', toggleMark(schema.marks.strong))\r\n bind('Ctrl-i', toggleMark(schema.marks.em))\r\n bind('Ctrl-u', toggleMark(schema.marks.underline))\r\n bind('Ctrl-d', toggleMark(schema.marks.strikethrough))\r\n\r\n bind('Enter', splitListItem(schema.nodes.list_item))\r\n bind('Mod-[', liftListItem(schema.nodes.list_item))\r\n bind('Mod-]', sinkListItem(schema.nodes.list_item))\r\n\r\n return keys\r\n}","import { NodeType, Schema } from 'prosemirror-model'\r\nimport {\r\n inputRules,\r\n wrappingInputRule,\r\n textblockTypeInputRule,\r\n smartQuotes,\r\n emDash,\r\n ellipsis,\r\n} from 'prosemirror-inputrules'\r\n\r\nconst blockQuoteRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*>\\s$/, nodeType)\r\n\r\nconst orderedListRule = (nodeType: NodeType) => (\r\n wrappingInputRule(\r\n /^(\\d+)\\.\\s$/, \r\n nodeType, \r\n match => ({order: +match[1]}),\r\n (match, node) => node.childCount + node.attrs.order === +match[1],\r\n )\r\n)\r\n\r\nconst bulletListRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*([-+*])\\s$/, nodeType)\r\n\r\nconst codeBlockRule = (nodeType: NodeType) => textblockTypeInputRule(/^```$/, nodeType)\r\n\r\nexport const buildInputRules = (schema: Schema) => {\r\n const rules = [\r\n ...smartQuotes,\r\n ellipsis,\r\n emDash,\r\n ]\r\n rules.push(blockQuoteRule(schema.nodes.blockquote))\r\n rules.push(orderedListRule(schema.nodes.ordered_list))\r\n rules.push(bulletListRule(schema.nodes.bullet_list))\r\n rules.push(codeBlockRule(schema.nodes.code_block))\r\n\r\n return inputRules({ rules })\r\n}","import { keymap } from 'prosemirror-keymap'\r\nimport { Schema } from 'prosemirror-model'\r\nimport { history } from 'prosemirror-history'\r\nimport { baseKeymap } from 'prosemirror-commands'\r\nimport { dropCursor } from 'prosemirror-dropcursor'\r\nimport { gapCursor } from 'prosemirror-gapcursor'\r\n\r\nimport { buildKeymap } from './keymap'\r\nimport { buildInputRules } from './inputrules'\r\n\r\nexport const buildPlugins = (schema: Schema) => {\r\n return [\r\n buildInputRules(schema),\r\n keymap(buildKeymap(schema)),\r\n keymap(baseKeymap),\r\n dropCursor(),\r\n gapCursor(),\r\n history(),\r\n ]\r\n}","import { nodes } from 'prosemirror-schema-basic'\r\nimport { Node, NodeSpec } from 'prosemirror-model'\r\nimport { orderedList, bulletList, listItem } from 'prosemirror-schema-list'\r\n\r\nconst _orderedList: NodeSpec = {\r\n ...orderedList,\r\n content: 'list_item+',\r\n group: 'block',\r\n}\r\n\r\nconst _bulletList: NodeSpec = {\r\n ...bulletList,\r\n content: 'list_item+',\r\n group: 'block',\r\n}\r\n\r\nconst _listItem: NodeSpec = {\r\n ...listItem,\r\n content: 'paragraph block*',\r\n group: 'block',\r\n}\r\n\r\nconst paragraph: NodeSpec = {\r\n attrs: {\r\n align: {\r\n default: '',\r\n },\r\n },\r\n content: 'inline*',\r\n group: 'block',\r\n parseDOM: [\r\n {\r\n tag: 'p',\r\n getAttrs: dom => {\r\n const { textAlign } = (dom as HTMLElement).style\r\n let align = (dom as HTMLElement).getAttribute('align') || textAlign || ''\r\n align = /(left|right|center|justify)/.test(align) ? align : ''\r\n \r\n return { align }\r\n }\r\n }\r\n ],\r\n toDOM: (node: Node) => {\r\n const { align } = node.attrs\r\n let style = ''\r\n if(align && align !== 'left') style += `text-align: ${align};`\r\n\r\n return ['p', { style }, 0]\r\n },\r\n}\r\n\r\nexport default {\r\n ...nodes,\r\n 'ordered_list': _orderedList,\r\n 'bullet_list': _bulletList,\r\n 'list_item': _listItem,\r\n paragraph,\r\n}\r\n","import { marks } from 'prosemirror-schema-basic'\r\nimport { MarkSpec } from 'prosemirror-model'\r\n\r\nconst subscript: MarkSpec = {\r\n excludes: 'subscript',\r\n parseDOM: [\r\n { tag: 'sub' },\r\n {\r\n style: 'vertical-align',\r\n getAttrs: value => value === 'sub' && null\r\n },\r\n ],\r\n toDOM: () => ['sub', 0],\r\n}\r\n\r\nconst superscript: MarkSpec = {\r\n excludes: 'superscript',\r\n parseDOM: [\r\n { tag: 'sup' },\r\n {\r\n style: 'vertical-align',\r\n getAttrs: value => value === 'super' && null\r\n },\r\n ],\r\n toDOM: () => ['sup', 0],\r\n}\r\n\r\nconst strikethrough: MarkSpec = {\r\n parseDOM: [\r\n { tag: 'strike' },\r\n {\r\n style: 'text-decoration',\r\n getAttrs: value => value === 'line-through' && null\r\n },\r\n {\r\n style: 'text-decoration-line',\r\n getAttrs: value => value === 'line-through' && null\r\n },\r\n ],\r\n toDOM: () => ['span', { style: 'text-decoration-line: line-through' }, 0],\r\n}\r\n\r\nconst underline: MarkSpec = {\r\n parseDOM: [\r\n { tag: 'u' },\r\n {\r\n style: 'text-decoration',\r\n getAttrs: value => value === 'underline' && null\r\n },\r\n {\r\n style: 'text-decoration-line',\r\n getAttrs: value => value === 'underline' && null\r\n },\r\n ],\r\n toDOM: () => ['span', { style: 'text-decoration: underline' }, 0],\r\n}\r\n\r\nconst forecolor: MarkSpec = {\r\n attrs: {\r\n color: {},\r\n },\r\n parseDOM: [\r\n {\r\n style: 'color',\r\n getAttrs: color => color ? { color } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { color } = mark.attrs\r\n let style = ''\r\n if(color) style += `color: ${color};`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst backcolor: MarkSpec = {\r\n attrs: {\r\n backcolor: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n tag: 'span[style*=background-color]',\r\n getAttrs: backcolor => backcolor ? { backcolor } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { backcolor } = mark.attrs\r\n let style = ''\r\n if(backcolor) style += `background-color: ${backcolor};`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst fontsize: MarkSpec = {\r\n attrs: {\r\n fontsize: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n style: 'font-size',\r\n getAttrs: fontsize => fontsize ? { fontsize } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { fontsize } = mark.attrs\r\n let style = ''\r\n if(fontsize) style += `font-size: ${fontsize}`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst fontname: MarkSpec = {\r\n attrs: {\r\n fontname: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n style: 'font-family',\r\n getAttrs: fontname => {\r\n return { fontname: fontname && typeof fontname === 'string' ? fontname.replace(/[\\\"\\']/g, '') : '' }\r\n }\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { fontname } = mark.attrs\r\n let style = ''\r\n if(fontname) style += `font-family: ${fontname}`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nexport default {\r\n ...marks,\r\n subscript,\r\n superscript,\r\n strikethrough,\r\n underline,\r\n forecolor,\r\n backcolor,\r\n fontsize,\r\n fontname,\r\n}","import nodes from './nodes'\r\nimport marks from './marks'\r\n\r\nexport const schemaNodes = nodes\r\nexport const schemaMarks = marks\r\n","import { EditorState } from 'prosemirror-state'\nimport { EditorView } from 'prosemirror-view'\nimport { Schema, DOMParser } from 'prosemirror-model'\n\nimport { buildPlugins } from './plugins/index'\nimport { schemaNodes, schemaMarks } from './schema/index'\n\nconst schema = new Schema({\n nodes: schemaNodes,\n marks: schemaMarks,\n})\n\nconst createDocument = (content: string) => {\n const htmlString = `\n
\n handleSelectElement($event, false)\"\n >
\n ${content}
`\n const parser = new window.DOMParser()\n const element = parser.parseFromString(htmlString, 'text/html').body.firstElementChild\n return DOMParser.fromSchema(schema).parse(element as Element)\n}\n\nexport const initProsemirrorEditor = (dom: Element, content: string, props = {}) => {\n return new EditorView(dom, {\n state: EditorState.create({\n doc: createDocument(content),\n plugins: buildPlugins(schema),\n }),\n ...props,\n })\n}","import { Node, NodeType, ResolvedPos } from 'prosemirror-model'\nimport { EditorState, Selection } from 'prosemirror-state'\nimport { EditorView } from 'prosemirror-view'\n\nconst equalNodeType = (nodeType: NodeType, node: Node) => {\n return Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1 || node.type === nodeType\n}\n\nconst findParentNodeClosestToPos = ($pos: ResolvedPos, predicate: (node: Node) => boolean) => {\n for(let i = $pos.depth; i > 0; i--) {\n const node = $pos.node(i)\n if(predicate(node)) {\n return {\n pos: i > 0 ? $pos.before(i) : 0,\n start: $pos.start(i),\n depth: i,\n node,\n }\n }\n }\n}\n\nexport const findParentNode = (predicate: (node: Node) => boolean) => {\n return (_ref: Selection) => findParentNodeClosestToPos(_ref.$from, predicate)\n}\n\nexport const findParentNodeOfType = (nodeType: NodeType) => {\n return (selection: Selection) => {\n return findParentNode((node: Node) => {\n return equalNodeType(nodeType, node)\n })(selection)\n }\n}\n\nexport const isActiveOfParentNodeType = (nodeType: string, state: EditorState) => {\n const node = state.schema.nodes[nodeType]\n return !!findParentNodeOfType(node)(state.selection)\n}\n\nexport const getMarkAttrs = (view: EditorView) => {\n const { selection, doc } = view.state\n const { from } = selection\n const node = doc.nodeAt(from)\n return node?.marks || []\n}\n\nexport const getAttrValue = (view: EditorView, markType: string, attr: string) => {\n const marks = getMarkAttrs(view)\n for(const mark of marks) {\n if(mark.type.name === markType && mark.attrs[attr]) return mark.attrs[attr]\n }\n return null\n}\n\nexport const isActiveMark = (view: EditorView, markType: string) => {\n const marks = getMarkAttrs(view)\n for(const mark of marks) {\n if(mark.type.name === markType) return true\n }\n return false\n}\n\nexport const getAttrValueInSelection = (view: EditorView, attr: string) => {\n const { selection, doc } = view.state\n const { from, to } = selection\n\n let keepChecking = true\n let value = ''\n doc.nodesBetween(from, to, node => {\n if(keepChecking && node.attrs[attr]) {\n keepChecking = false\n value = node.attrs[attr]\n }\n return keepChecking\n })\n return value\n}\n\nexport const getTextAttrs = (view: EditorView) => {\n const isBold = isActiveMark(view, 'strong')\n const isEm = isActiveMark(view, 'em')\n const isUnderline = isActiveMark(view, 'underline')\n const isStrikethrough = isActiveMark(view, 'strikethrough')\n const isSuperscript = isActiveMark(view, 'superscript')\n const isSubscript = isActiveMark(view, 'subscript')\n const isCode = isActiveMark(view, 'code')\n const color = getAttrValue(view, 'forecolor', 'color') || '#000'\n const backcolor = getAttrValue(view, 'backcolor', 'backcolor') || '#000'\n const fontsize = getAttrValue(view, 'fontsize', 'fontsize') || '12px'\n const fontname = getAttrValue(view, 'fontname', 'fontname') || '微软雅黑'\n const align = getAttrValueInSelection(view, 'align') || 'left'\n const isBulletList = isActiveOfParentNodeType('bullet_list', view.state)\n const isOrderedList = isActiveOfParentNodeType('ordered_list', view.state)\n const isBlockquote = isActiveOfParentNodeType('blockquote', view.state)\n\n return {\n bold: isBold,\n em: isEm,\n underline: isUnderline,\n strikethrough: isStrikethrough,\n superscript: isSuperscript,\n subscript: isSubscript,\n code: isCode,\n color: color,\n backcolor: backcolor,\n fontsize: fontsize,\n fontname: fontname,\n align: align,\n bulletList: isBulletList,\n orderedList: isOrderedList,\n blockquote: isBlockquote,\n }\n}\n\nexport type TextAttrs = ReturnType handleSelectElement($event)\"\n >\n
\n\n\n\n\n\n","\r\n \n \n \n \n \n \n\t\t\t \n
\n \n
\n\n\n\n\n\n","\n \n \n \n \n\t\t\t\t\n\t\t\t\t handleSelectElement($event)\"\n v-contextmenu=\"contextmenus\"\n >\n\t\t\t\n
\n handleSelectElement($event)\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\n \r\n
\r\n \n \n
\n\n\n\n\n\n\n","\nimport { defineComponent, inject, onMounted, PropType, ref, Ref, watch } from 'vue'\nimport upperFirst from 'lodash/upperFirst'\nimport tinycolor from 'tinycolor2'\nimport Chartist, {\n IChartistLineChart,\n IChartistBarChart,\n IChartistPieChart,\n ILineChartOptions,\n IBarChartOptions,\n IPieChartOptions,\n} from 'chartist'\nimport { ChartData, ChartType } from '@/types/slides'\n\nimport 'chartist/dist/scss/chartist.scss'\n\nexport default defineComponent({\n name: 'chart',\n props: {\n width: {\n type: Number,\n required: true,\n },\n height: {\n type: Number,\n required: true,\n },\n type: {\n type: String as PropType\n
\n\n\n\n\n\n","\n \n updateTableCells(data)\"\n @changeColWidths=\"widths => updateColWidths(widths)\"\n @changeSelectedCells=\"cells => updateSelectedCells(cells)\"\n />\n
\n handleSelectElement($event)\"\n >\n
\n 双击编辑
\n \n \n
\n
\n\n\n\n\n","\n \n
\n handleMousedownColHandler($event, index)\"\n >
\n | 1,\n 'active': activedCell === `${rowIndex}_${colIndex}`,\n }\"\n :style=\"{\n borderStyle: outline.style,\n borderColor: outline.color,\n borderWidth: outline.width + 'px',\n ...getTextStyle(cell.style),\n }\"\n v-for=\"(cell, colIndex) in rowCells\"\n :key=\"cell.id\"\n :rowspan=\"cell.rowspan\"\n :colspan=\"cell.colspan\"\n :data-cell-index=\"`${rowIndex}_${colIndex}`\"\n v-show=\"!hideCells.includes(`${rowIndex}_${colIndex}`)\"\n @mousedown=\"$event => handleCellMousedown($event, rowIndex, colIndex)\"\n @mouseenter=\"handleCellMouseenter(rowIndex, colIndex)\"\n v-contextmenu=\"el => contextmenus(el)\"\n >\n | \n \n
handleInput($event)\"\n v-html=\"text\"\n >
\n\n\n","\nimport { defineComponent, onUnmounted, ref, watch } from 'vue'\n\nexport default defineComponent({\n name: 'custom-textarea',\n props: {\n modelValue: {\n type: String,\n default: '',\n },\n contenteditable: {\n type: [Boolean, String],\n default: false,\n },\n },\n setup(props, { emit }) {\n const textareaRef = ref\n \n
\n\n\n\n\n","\nimport { computed, PropType, defineComponent } from 'vue'\nimport { useStore } from '@/store'\nimport { AlignmentLineAxis } from '@/types/edit'\n\nexport default defineComponent({\n name: 'alignment-line',\n props: {\n type: {\n type: String as PropType<'vertical' | 'horizontal'>,\n required: true,\n },\n axis: {\n type: Object as PropType createSelection($event)\"\n >\n
\n\n\n\n\n","\nimport { computed, defineComponent, onMounted, reactive, ref } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\n\nexport default defineComponent({\n name: 'element-create-selection',\n setup(props, { emit }) {\n const store = useStore()\n const ctrlOrShiftKeyActive = computed\n\n \n \n\t\t\t\t\n\t\t\t\n
\n \n
\n\n\n\n\n","import { computed, Ref } from 'vue'\nimport { OperateResizeHandlers, OperateBorderLines } from '@/types/edit'\n\nexport default (width: Ref\r\n {{elementIndexInAnimation + 1}}\r\n
\r\n \r\n\r\n scaleElement($event, elementInfo, point.direction)\"\r\n />\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\n \n\n\n\n\n","\nexport default {\n name: 'rotate-handler',\n}\n","import { render } from \"./RotateHandler.vue?vue&type=template&id=9a549510&scoped=true\"\nimport script from \"./RotateHandler.vue?vue&type=script&lang=ts\"\nexport * from \"./RotateHandler.vue?vue&type=script&lang=ts\"\n\nimport \"./RotateHandler.vue?vue&type=style&index=0&id=9a549510&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-9a549510\"\n\nexport default script","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { useStore } from '@/store'\r\nimport { PPTImageElement } from '@/types/slides'\r\nimport { OperateResizeHandler } from '@/types/edit'\r\nimport useCommonOperate from '../hooks/useCommonOperate'\r\n\r\nimport RotateHandler from './RotateHandler.vue'\r\nimport ResizeHandler from './ResizeHandler.vue'\r\nimport BorderLine from './BorderLine.vue'\r\n\r\nexport default defineComponent({\r\n name: 'image-element-operate',\r\n inheritAttrs: false,\r\n components: {\r\n RotateHandler,\r\n ResizeHandler,\r\n BorderLine,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n scaleElement($event, elementInfo, point.direction)\"\r\n />\r\n \r\n
\r\n\r\n\r\n","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { useStore } from '@/store'\r\n\r\nimport { PPTTextElement } from '@/types/slides'\r\nimport { OperateResizeHandler } from '@/types/edit'\r\nimport useCommonOperate from '../hooks/useCommonOperate'\r\n\r\nimport RotateHandler from './RotateHandler.vue'\r\nimport ResizeHandler from './ResizeHandler.vue'\r\nimport BorderLine from './BorderLine.vue'\r\n\r\nexport default defineComponent({\r\n name: 'text-element-operate',\r\n inheritAttrs: false,\r\n components: {\r\n RotateHandler,\r\n ResizeHandler,\r\n BorderLine,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\n scaleElement($event, elementInfo, point.direction)\"\n />\n \n
\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { useStore } from '@/store'\n\nimport { PPTShapeElement } from '@/types/slides'\nimport { OperateResizeHandler } from '@/types/edit'\nimport useCommonOperate from '../hooks/useCommonOperate'\n\nimport RotateHandler from './RotateHandler.vue'\nimport ResizeHandler from './ResizeHandler.vue'\nimport BorderLine from './BorderLine.vue'\n\nexport default defineComponent({\n name: 'shape-element-operate',\n inheritAttrs: false,\n components: {\n RotateHandler,\n ResizeHandler,\n BorderLine,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n \n dragLineElement($event, elementInfo, point.handler)\"\n />\n \n
\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { useStore } from '@/store'\n\nimport { PPTLineElement } from '@/types/slides'\nimport { OperateLineHandler, OperateLineHandlers } from '@/types/edit'\n\nimport ResizeHandler from './ResizeHandler.vue'\n\nexport default defineComponent({\n name: 'text-element-operate',\n inheritAttrs: false,\n components: {\n ResizeHandler,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n scaleElement($event, elementInfo, point.direction)\"\n />\n \n
\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { useStore } from '@/store'\n\nimport { PPTShapeElement } from '@/types/slides'\nimport { OperateResizeHandler } from '@/types/edit'\nimport useCommonOperate from '../hooks/useCommonOperate'\n\nimport ResizeHandler from './ResizeHandler.vue'\nimport BorderLine from './BorderLine.vue'\n\nexport default defineComponent({\n name: 'chart-element-operate',\n inheritAttrs: false,\n components: {\n ResizeHandler,\n BorderLine,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n scaleElement($event, elementInfo, point.direction)\"\n />\n \n
\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { useStore } from '@/store'\n\nimport { PPTTableElement } from '@/types/slides'\nimport { OperateResizeHandler } from '@/types/edit'\nimport useCommonOperate from '../hooks/useCommonOperate'\n\nimport ResizeHandler from './ResizeHandler.vue'\nimport BorderLine from './BorderLine.vue'\n\nexport default defineComponent({\n name: 'table-element-operate',\n inheritAttrs: false,\n components: {\n ResizeHandler,\n BorderLine,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n
\n\n\n\n\n","\n \n \n \n \n \n
\n\n \n \n \n insertImageElement(files)\">\n \n \n \n \n \n drawShape(shape)\" />\n \n \n \n \n \n \n drawLine(line)\" />\n \n \n \n \n \n \n { createChartElement(chart); chartPoolVisible = false }\" />\n \n \n \n \n \n \n { createTableElement(row, col); tableGeneratorVisible = false }\"\n />\n \n \n \n \n
\n\n \n \n \n
\n \n
\n\n\n\n\n","export interface ShapePoolItem {\n viewBox: number;\n path: string;\n}\n\nexport const SHAPE_LIST = [\n {\n type: '矩形',\n children: [\n {\n viewBox: 200,\n path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z'\n },\n {\n viewBox: 200,\n path: 'M 20 0 L 180 0 Q 200 0 200 20 L 200 180 Q 200 200 180 200 L 20 200 Q 0 200 0 180 L 0 20 Q 0 0 20 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 150 L 0 0 L 150 0 L 200 50 L 200 200 L 50 200 L 0 150 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 200 L 0 0 L 150 0 L 200 50 L 200 200 L 0 200'\n },\n {\n viewBox: 200,\n path: 'M 0 50 L 50 0 L 150 0 L 200 50 L 200 200 L 0 200 L 0 50 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 60 200 Q 0 200 0 140 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 0 200 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 50 Q 0 0 50 0 L 150 0 Q 200 0 200 50 L 200 200 L 0 200 L 0 50 Z'\n },\n ]\n },\n\n {\n type: '常用形状',\n children: [\n {\n viewBox: 200,\n path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 100 100 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 200 0 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 200 0 Q 200 200 0 200 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 200 L 200 200 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 0 200 L 200 200 Z'\n },\n {\n viewBox: 200,\n path: 'M 50 0 L 200 0 L 150 200 L 0 200 L 50 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 50 0 L 150 0 L 200 200 L 0 200 L 50 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 100 L 100 200 L 200 100 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 90 L 50 200 L 150 200 L 200 90 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 60 L 0 140 L 100 200 L 200 140 L 200 60 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 60 0 L 140 0 L 200 60 L 200 140 L 140 200 L 60 200 L 0 140 L 0 60 L 60 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 50 L 0 200 L 200 200 L 200 50 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 150 0 A 50 100 0 1 1 150 200 L 0 200 L 0 0 L 150 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 150 0 A 50 100 0 1 1 150 200 L 0 200 A 50 100 0 0 0 0 0 L 150 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 100 L 150 0 L 0 0 L 50 100 L 0 200 L 150 200 L 200 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 0 L 200 200 L 0 200 L 0 100 L 200 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 50 0 L 150 0 L 150 50 L 200 50 L 200 150 L 150 150 L 150 200 L 50 200 L 50 150 L 0 150 L 0 50 L 50 50 L 50 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 0 200 L 200 200 L 200 140 L 60 140 L 60 0 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M0 0 L200 0 L200 200 L0 200 L0 0 Z M50 50 L50 150 L150 150 L150 50 Z'\n },\n {\n viewBox: 200,\n path: 'M0 100 A100 100 0 1 1 0 101 Z M150 100 A50 50 0 1 0 150 101 Z'\n },\n {\n viewBox: 200,\n path: 'M 70 0 L 70 70 L 0 70 L 0 130 L 70 130 L 70 200 L 130 200 L 130 130 L 200 130 L 200 70 L 130 70 L 130 0 L 70 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 40 0 L 0 40 L 60 100 L 0 160 L 40 200 L 100 140 L 160 200 L 200 160 L 140 100 L 200 40 L 160 0 L 100 60 L 40 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 200 0 L 200 160 L 100 160 L 60 200 L 60 160 L 0 160 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 40 Q 0 0 40 0 L 160 0 Q 200 0 200 40 L 200 120 Q 200 160 160 160 L 100 160 L 60 200 L 60 160 L 40 160 Q 0 160 0 120 L 0 40 Z'\n },\n ],\n },\n \n {\n type: '箭头',\n children: [\n {\n viewBox: 200,\n path: 'M 100 0 L 0 100 L 50 100 L 50 200 L 150 200 L 150 100 L 200 100 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 200 L 200 100 L 150 100 L 150 0 L 50 0 L 50 100 L 0 100 L 100 200 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 100 L 100 0 L 100 50 L 200 50 L 200 150 L 100 150 L 100 200 L 0 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 100 L 100 0 L 100 50 L 0 50 L 0 150 L 100 150 L 100 200 L 200 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 0 60 L 60 60 L 60 140 L 0 140 L 100 200 L 200 140 L 140 140 L 140 60 L 200 60 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 100 L 60 0 L 60 60 L 140 60 L 140 0 L 200 100 L 140 200 L 140 140 L 60 140 L 60 200 L 0 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 100 0 L 60 40 L 80 40 L 80 80 L 40 80 L 40 60 L 0 100 L 40 140 L 40 120 L 80 120 L 80 160 L 60 160 L 100 200 L 140 160 L 120 160 L 120 120 L 160 120 L 160 140 L 200 100 L 160 60 L 160 80 L 120 80 L 120 40 L 140 40 L 100 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 100 L 100 0 L 100 50 L 200 50 L 150 100 L 200 150 L 100 150 L 100 200 L 0 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 100 L 100 0 L 100 50 L 0 50 L 50 100 L 0 150 L 100 150 L 100 200 L 200 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 100 L 80 20 L 80 80 L 120 80 L 120 0 L 200 0 L 200 200 L 120 200 L 120 120 L 80 120 L 80 180 L 0 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 100 L 120 20 L 120 80 L 80 80 L 80 0 L 0 0 L 0 200 L 80 200 L 80 120 L 120 120 L 120 180 L 200 100 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 120 0 L 200 100 L 120 200 L 0 200 L 80 100 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 80 0 L 200 0 L 120 100 L 200 200 L 80 200 L 0 100 L 80 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 140 0 L 200 100 L 140 200 L 0 200 L 0 100 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 60 0 L 200 0 L 200 100 L 200 200 L 60 200 L 0 100 L 60 0 Z'\n },\n ],\n },\n\n {\n type: '其他形状',\n children: [\n {\n viewBox: 1024,\n path: 'M995.336 243.4016c-15.7584-36.5736-38.3376-69.26639999-66.91440001-97.37280001-28.5768-27.98879999-61.73999999-49.8624-98.78399999-65.26799998-38.22-15.876-78.6744-23.8728-120.4224-23.87280001-57.97680001 0-114.5424 15.876-163.69919999 45.864-11.76 7.17360001-22.932 15.05279999-33.51600001 23.63760001-10.584-8.5848-21.75600001-16.46400001-33.51600001-23.63760001-49.1568-29.98799999-105.7224-45.86399999-163.69919999-45.864-41.74799999 0-82.2024 7.9968-120.4224 23.87280001-36.9264 15.28799999-70.2072 37.27919999-98.78399999 65.26799998-28.6944 28.10640001-51.156 60.79919999-66.91440001 97.37280001-16.34639999 37.9848-24.696 78.3216-24.696 119.83439999 0 39.1608 7.9968 79.96800001 23.8728 121.48080001 13.28880001 34.692 32.34000001 70.67760001 56.6832 107.016 38.57279999 57.5064 91.61040001 117.4824 157.4664 178.28160001 109.1328 100.78319999 217.2072 170.4024 221.79359999 173.22479998l27.87120001 17.8752c12.348 7.8792 28.224 7.8792 40.572 0l27.87119999-17.8752c4.58639999-2.94 112.54319999-72.44159999 221.79360001-173.22479998 65.85599999-60.79919999 118.89359999-120.7752 157.4664-178.28160001 24.3432-36.33839999 43.512-72.324 56.68319999-107.016 15.876-41.5128 23.8728-82.32 23.87280001-121.48080001 0.1176-41.5128-8.232-81.8496-24.5784-119.83439999z',\n },\n {\n viewBox: 1024,\n path: 'M985.20746667 343.50079998l-303.32586667-44.08319999L546.28693333 24.5248c-3.70346666-7.5264-9.79626667-13.6192-17.32266665-17.32266668-18.87573334-9.3184-41.81333333-1.55306667-51.25120001 17.32266668L342.1184 299.41759999l-303.32586667 44.08319999c-8.36266667 1.19466667-16.00853333 5.13706667-21.8624 11.11040001-14.69440001 15.17226667-14.45546667 39.30453334 0.71679999 54.1184l219.46026668 213.9648-51.84853333 302.1312c-1.43359999 8.24320001-0.11946667 16.8448 3.82293333 24.25173333 9.79626667 18.6368 32.9728 25.92426667 51.6096 16.00853334L512 822.44266665l271.3088 142.64320001c7.40693333 3.9424 16.00853333 5.25653333 24.25173333 3.82293333 20.78719999-3.584 34.7648-23.296 31.1808-44.0832l-51.84853333-302.1312 219.46026668-213.9648c5.97333334-5.85386666 9.91573333-13.49973334 11.11039999-21.8624 3.2256-20.90666667-11.34933333-40.26026667-32.256-43.36640001z',\n },\n {\n viewBox: 1024,\n path: 'M852.65066667 405.84533333C800.54044445 268.40177778 667.76177778 170.66666667 512.22755555 170.66666667S223.91466667 268.288 171.80444445 405.73155555C74.29688889 431.33155555 2.27555555 520.07822222 2.27555555 625.77777778c0 125.72444445 101.83111111 227.55555555 227.44177778 227.55555555h564.56533334C919.89333333 853.33333333 1021.72444445 751.50222222 1021.72444445 625.77777778c0-105.472-71.79377778-194.21866667-169.07377778-219.93244445z',\n },\n {\n viewBox: 1024,\n path: 'M926.25224691 323.7371485H654.6457886L898.88200917 15.14388241c5.05486373-6.53433603 0.49315743-16.02761669-7.76722963-16.02761668H418.30008701c-3.45210206 0-6.78091476 1.84934039-8.50696579 4.93157436L90.35039154 555.76772251c-3.82197013 6.53433603 0.86302552 14.7947231 8.50696578 14.79472311h215.01664245l-110.22068713 440.88274851c-2.34249783 9.61657002 9.24670194 16.39748478 16.39748477 9.49328065L933.03316167 340.62779071c6.41104668-6.0411786 2.09591911-16.8906422-6.78091476-16.89064221z',\n },\n {\n viewBox: 1024,\n path: 'M878.47822222 463.30311111c-22.18666667-49.83466667-53.93066667-93.98044445-94.32177777-131.072l-33.10933334-30.37866666c-4.89244445-4.32355555-12.62933333-2.38933333-14.79111111 3.75466666l-14.79111111 42.43911111c-9.216 26.624-26.16888889 53.81688889-50.176 80.55466667-1.59288889 1.70666667-3.41333333 2.16177778-4.66488889 2.27555556-1.25155555 0.11377778-3.18577778-0.11377778-4.89244445-1.70666667-1.59288889-1.36533333-2.38933333-3.41333333-2.27555555-5.46133333 4.20977778-68.49422222-16.27022222-145.74933333-61.09866667-229.83111112C561.26577778 124.01777778 509.72444445 69.51822222 445.32622222 31.51644445l-46.99022222-27.648c-6.144-3.64088889-13.99466667 1.13777778-13.65333333 8.30577777l2.50311111 54.61333333c1.70666667 37.31911111-2.61688889 70.31466667-12.85688889 97.73511112-12.51555555 33.56444445-30.49244445 64.73955555-53.47555556 92.72888888-16.15644445 19.56977778-34.24711111 37.20533333-54.04444444 52.45155556-47.90044445 36.75022222-87.38133333 84.65066667-114.11911111 138.24C125.72444445 502.10133333 111.50222222 562.74488889 111.50222222 623.50222222c0 53.70311111 10.58133333 105.69955555 31.51644445 154.73777778 20.25244445 47.21777778 49.152 89.77066667 85.90222222 126.17955555 36.864 36.40888889 79.64444445 65.08088889 127.31733333 84.992C405.61777778 1010.11911111 457.95555555 1020.58666667 512 1020.58666667s106.38222222-10.46755555 155.76177778-31.06133334c47.67288889-19.91111111 90.56711111-48.46933333 127.31733333-84.992 36.864-36.40888889 65.76355555-78.96177778 85.90222222-126.17955555 20.93511111-49.03822222 31.51644445-101.03466667 31.51644445-154.73777778 0-55.52355555-11.37777778-109.45422222-34.01955556-160.31288889z',\n },\n {\n viewBox: 1024,\n path: 'M968.20337778 20.11591112H705.44042667c-22.17301333 0-41.92483556 15.16430222-47.14951111 37.33731555C642.36202666 124.73685332 582.08711111 173.03324444 512 173.03324444s-130.36202666-48.29639112-146.29091556-115.58001777c-5.22467555-22.17301333-24.84906667-37.33731556-47.14951111-37.33731555H55.79662222c-30.96576 0-56.06968889 25.10392889-56.06968888 56.06968888v321.12639999c0 30.96576 25.10392889 56.06968889 56.06968888 56.06968889h95.57333334v494.43271112c0 30.96576 25.10392889 56.06968889 56.06968889 56.06968888h609.1207111c30.96576 0 56.06968889-25.10392889 56.06968889-56.06968888V453.38168888h95.57333334c30.96576 0 56.06968889-25.10392889 56.06968888-56.06968889V76.1856c0-30.96576-25.10392889-56.06968889-56.06968888-56.06968888z',\n },\n {\n viewBox: 1024,\n path: 'M980.94648889 239.80714666H523.46880001L373.99210666 96.82944c-1.91146667-1.78403556-4.46008889-2.80348444-7.00871111-2.80348445H43.05351111c-22.55530667 0-40.77795555 18.22264888-40.77795555 40.77795557v754.39217776c0 22.55530667 18.22264888 40.77795555 40.77795555 40.77795557h937.89297778c22.55530667 0 40.77795555-18.22264888 40.77795555-40.77795557V280.58510222c0-22.55530667-18.22264888-40.77795555-40.77795555-40.77795556z',\n },\n {\n viewBox: 1024,\n path: 'M972.60904597 164.57058577L841.30587843 33.39070759c-18.86327195-18.86327195-44.1375906-29.34286748-70.64480282-29.3428675-26.75379095 0-51.90482023 10.47959553-70.76809219 29.3428675L558.60337778 174.68031322c-18.86327195 18.86327195-29.34286748 44.1375906-29.34286749 70.64480283 0 26.75379095 10.47959553 51.90482023 29.34286749 70.76809218l103.31648301 103.31648302c-24.28800376 53.50758189-57.69942011 101.59043198-99.24793416 143.13894603-41.42522469 41.67180341-89.63136414 75.08321976-143.13894603 99.61780223L316.21649759 558.84995649c-18.86327195-18.86327195-44.1375906-29.34286748-70.64480283-29.34286747-26.75379095 0-51.90482023 10.47959553-70.76809217 29.34286747L33.39070759 700.01627278c-18.86327195 18.86327195-29.34286748 44.1375906-29.3428675 70.76809217 0 26.75379095 10.47959553 51.90482023 29.3428675 70.76809219l131.05658883 131.05658883c30.08260365 30.205893 71.63111769 47.34311394 114.28923598 47.34311394 9.00012323 0 17.63037836-0.73973616 26.13734414-2.21920846 166.19405621-27.37023774 331.03192945-115.76870829 464.06114804-248.67463751C901.84095379 636.27567408 990.11613498 471.56109018 1017.85624079 304.87387654c8.38367642-50.91850535-8.50696579-103.31648302-45.24719482-140.30329077z',\n },\n {\n viewBox: 1024,\n path: 'M910.60451556 640.96028445c-20.38897778-65.49959112-43.83630221-120.54983112-79.89930667-210.64362666C836.31217778 193.67708444 737.93535999 2.27555556 511.36284444 2.27555556 282.24170667 2.27555556 186.03121778 197.50001778 192.14791111 430.31665779c-36.19043555 90.22122667-59.51032888 144.88917333-79.89930667 210.64362666-43.32657778 139.53706668-29.30915556 197.26336001-18.60494222 198.53767111 22.9376 2.80348444 89.32920888-105.00323556 89.32920889-105.00323556 0 62.44124445 32.11264001 143.86972444 101.69002667 202.61546667-33.64181333 10.32192-109.20846222 38.10190221-91.24067556 68.55793777 14.52714667 24.59420444 250.01984 15.67402668 317.94062222 8.02816 67.92078222 7.64586667 303.41347556 16.56604444 317.94062223-8.02816 17.96778667-30.32860444-57.72629333-58.23601779-91.24067555-68.55793777 69.57738667-58.87317334 101.69002667-140.30165333 101.69002667-202.61546667 0 0 66.39160889 107.80672 89.32920888 105.00323556 10.83164445-1.40174222 24.84906667-59.12803556-18.47751111-198.53767111z',\n },\n {\n viewBox: 1024,\n path: 'M1016.86992592 199.24764445c-37.13706667 16.01991111-77.55093333 27.54939259-119.17842962 32.03982222 42.96248889-25.60758518 75.60912592-66.02145185 91.02222222-114.08118519-39.68568889 23.66577778-84.58998518 41.02068148-131.31472593 50.00154074C819.53374815 126.79395555 765.76995555 101.79318518 706.18074075 101.79318518c-114.688 0-206.92385185 92.96402963-206.92385186 207.04521482 0 16.01991111 1.94180741 32.03982222 5.09724444 47.45291852-171.72859259-8.98085925-324.88865185-91.02222222-426.71217778-216.63288889-17.96171852 30.82619259-28.15620741 66.02145185-28.1562074 104.49351112 0 71.84687408 36.53025185 135.19834075 92.23585185 172.45677036-33.98162963-1.33499259-66.02145185-10.92266667-93.57084445-26.33576296v2.54862222c0 100.6098963 71.1186963 183.98625185 165.90317037 203.1616-17.3549037 4.49042963-35.92343703 7.03905185-54.49197037 7.03905185-13.47128889 0-26.2144-1.33499259-39.07887407-3.15543704C146.69748148 681.90814815 223.03478518 741.49736297 313.93564445 743.43917037c-71.1186963 55.7056-160.19911111 88.4736-256.9253926 88.4736-17.3549037 0-33.37481482-0.60681482-50.00154074-2.54862222C98.75911111 888.22518518 207.62168889 922.20681482 324.85831111 922.20681482 705.45256297 922.20681482 913.71140741 606.90583703 913.71140741 333.23235555c0-8.98085925 0-17.96171852-0.60681482-26.94257777 40.2925037-29.4912 75.60912592-66.02145185 103.76533333-107.04213333z',\n },\n ],\n },\n]","\nimport { defineComponent } from 'vue'\nimport { SHAPE_LIST, ShapePoolItem } from '@/configs/shapes'\n\nexport default defineComponent({\n name: 'shape-pool',\n setup(props, { emit }) {\n const shapeList = SHAPE_LIST\n\n const selectShape = (shape: ShapePoolItem) => {\n emit('select', shape)\n }\n\n return {\n shapeList,\n selectShape,\n }\n },\n})\n","import { render } from \"./ShapePool.vue?vue&type=template&id=e95c032e&scoped=true\"\nimport script from \"./ShapePool.vue?vue&type=script&lang=ts\"\nexport * from \"./ShapePool.vue?vue&type=script&lang=ts\"\n\nimport \"./ShapePool.vue?vue&type=style&index=0&id=e95c032e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-e95c032e\"\n\nexport default script","\n \n
\n {{item.type}}
\n \n
\n \n
\n \n \n \n \n \n
\n \n
\n\n\n\n\n","export interface LinePoolItem {\n path: string;\n style: string;\n points: [string, string];\n}\n\nexport const LINE_LIST = [\n { path: 'M0,0 L20,20', style: 'solid', points: ['', ''] },\n { path: 'M0,0 L20,20', style: 'dashed', points: ['', ''] },\n { path: 'M0,0 L20,20', style: 'solid', points: ['', 'arrow'] },\n { path: 'M0,0 L20,20', style: 'dashed', points: ['', 'arrow'] },\n { path: 'M0,0 L20,20', style: 'solid', points: ['', 'dot'] },\n]","\nimport { defineComponent } from 'vue'\nimport { LINE_LIST, LinePoolItem } from '@/configs/lines'\n\nimport LinePointMarker from '@/views/components/element/LineElement/LinePointMarker.vue'\n\nexport default defineComponent({\n name: 'line-pool',\n components: {\n LinePointMarker,\n },\n setup(props, { emit }) {\n const lineList = LINE_LIST\n\n const selectLine = (line: LinePoolItem) => {\n emit('select', line)\n }\n\n return {\n lineList,\n selectLine,\n }\n },\n})\n","import { render } from \"./LinePool.vue?vue&type=template&id=a0f5af54&scoped=true\"\nimport script from \"./LinePool.vue?vue&type=script&lang=ts\"\nexport * from \"./LinePool.vue?vue&type=script&lang=ts\"\n\nimport \"./LinePool.vue?vue&type=style&index=0&id=a0f5af54&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-a0f5af54\"\n\nexport default script","\n \n
\n \n \n \n \n \n \n
\n - \n
- \n \n\n
\n \n \n \n
\n \n \n
\n\n
\n\n\n\n\n","\nimport { defineComponent, ref } from 'vue'\n\nimport { message } from 'ant-design-vue'\n\nexport default defineComponent({\n name: 'table-generator',\n setup(props, { emit }) {\n const endCell = ref\n
\n 插入表格 {{endCell.length ? `${endCell[0]} x ${endCell[1]}` : ''}}
\n {{ isCustom ? '返回' : '自定义'}}
\n | \n \n | \n
\n
\n \n
\n 行数：
\n \n
\n 列数：
\n \n \n \n
\n setThumbnailsFocus(true)\"\n v-click-outside=\"() => setThumbnailsFocus(false)\"\n v-contextmenu=\"contextmenusThumbnails\"\n >\n \n \n \n \n \n
\n \n \n \n\n\n\n\n","\n \n\n\n\n\n","\n \n
\n \n \n
\n\n\n","\n \n
\n\n\n\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\n\nimport { PPTImageElement } from '@/types/slides'\nimport { CLIPPATHS, ClipPathTypes } from '@/configs/imageClip'\n\nimport ImageRectOutline from './ImageRectOutline.vue'\nimport ImageEllipseOutline from './ImageEllipseOutline.vue'\nimport ImagePolygonOutline from './ImagePolygonOutline.vue'\n\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\n\nexport default defineComponent({\n name: 'base-element-image',\n components: {\n ImageRectOutline,\n ImageEllipseOutline,\n ImagePolygonOutline,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n
\n \n ![\"\"\n]()
\n
\n \n
\n\n\n\n\n\n","\nimport { defineComponent, PropType, computed } from 'vue'\nimport { PPTTextElement } from '@/types/slides'\nimport ElementOutline from '@/views/components/element/ElementOutline.vue'\n\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\n\nexport default defineComponent({\n name: 'base-element-text',\n components: {\n ElementOutline,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n
\n \n
\n\n\n\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { PPTShapeElement } from '@/types/slides'\nimport useElementOutline from '@/views/components/element/hooks/useElementOutline'\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\n\nimport GradientDefs from './GradientDefs.vue'\n\nexport default defineComponent({\n name: 'base-element-shape',\n components: {\n GradientDefs,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n \n \n \n \n \n\t\t\t \n
\n \n
\n\n\n\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { PPTLineElement } from '@/types/slides'\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\n\nimport LinePointMarker from './LinePointMarker.vue'\n\nexport default defineComponent({\n name: 'editable-element-shape',\n components: {\n LinePointMarker,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n \n \n \n\t\t\t\t\n\t\t\t\n
\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { PPTChartElement } from '@/types/slides'\r\n\r\nimport ElementOutline from '@/views/components/element/ElementOutline.vue'\r\n\r\nexport default defineComponent({\r\n name: 'base-element-chart',\r\n components: {\r\n ElementOutline,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n
\r\n \n
\n\n\n\n\n\n","\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, PropType, ref, watch } from 'vue'\nimport tinycolor from 'tinycolor2'\nimport { PPTElementOutline, TableCell, TableCellStyle, TableTheme } from '@/types/slides'\n\nexport default defineComponent({\n name: 'static-table',\n props: {\n data: {\n type: Array as PropType\n
\n\n\n","\n \n 请先选中要编辑的元素\n
\n \n \n emitRichTextCommand('fontname', value)\"\n >\n \n \n {{font.zh}}\n \n \n \n \n {{font.name}}\n \n \n \n emitRichTextCommand('fontsize', value)\"\n >\n \n {{fontsize}}\n \n \n \n\n \n \n \n emitRichTextCommand('color', value)\"\n />\n \n \n \n \n \n \n \n emitRichTextCommand('backcolor', value)\"\n />\n \n \n \n \n \n \n \n updateFill(value)\"\n />\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n\n emitRichTextCommand('align', e.target.value)\"\n >\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n
\n\n\n\n\n","\n \n
\n\n {{item.label}}
\n \n
\n 行间距：
\n \n \n
\n\n 字间距：
\n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nexport default defineComponent({\n name: 'element-opacity',\n setup() {\n const store = useStore()\n const handleElement = computed\n updateOpacity(value)\" \n />\n
\n 不透明度：
\n \n
\n\n\n\n\n","\n \n\n\n\n\n","\nexport default {\n name: 'color-button',\n props: {\n color: {\n type: String,\n required: true,\n },\n },\n}\n","import { render } from \"./ColorButton.vue?vue&type=template&id=39016b60&scoped=true\"\nimport script from \"./ColorButton.vue?vue&type=script&lang=ts\"\nexport * from \"./ColorButton.vue?vue&type=script&lang=ts\"\n\nimport \"./ColorButton.vue?vue&type=style&index=0&id=39016b60&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-39016b60\"\n\nexport default script","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement, PPTElementOutline } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport ColorButton from './ColorButton.vue'\n\nexport default defineComponent({\n name: 'element-outline',\n components: {\n ColorButton,\n },\n props: {\n fixed: {\n type: Boolean,\n default: false,\n },\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n
\n \n 启用边框：
\n \n toggleOutline(checked)\" \n />\n
\n \n
\n 边框样式：
\n \n \n \n \n updateOutline({ color: value })\"\n />\n \n \n
\n 边框颜色：
\n \n updateOutline({ width: value })\" \n style=\"flex: 3;\" \n />\n
\n \n 边框粗细：
\n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement, PPTElementShadow } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport ColorButton from './ColorButton.vue'\n\nexport default defineComponent({\n name: 'element-shadow',\n components: {\n ColorButton,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n
\n \n 启用阴影：
\n \n toggleShadow(checked)\" />\n
\n \n updateShadow({ h: value })\" \n style=\"flex: 3;\" \n />\n
\n 水平阴影：
\n \n updateShadow({ v: value })\" \n style=\"flex: 3;\"\n />\n
\n 垂直阴影：
\n \n updateShadow({ blur: value })\" \n style=\"flex: 3;\"\n />\n
\n 模糊距离：
\n \n \n \n updateShadow({ color: value })\"\n />\n \n \n
\n \n 阴影颜色：
\n \n \n\n \n \n \n \n \n \n\n \n \n \n \n replaceImage(files)\">\n \n \n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTImageElement, Slide } from '@/types/slides'\nimport { CLIPPATHS } from '@/configs/imageClip'\nimport { getImageDataURL } from '@/utils/image'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport ElementOutline from '../common/ElementOutline.vue'\nimport ElementShadow from '../common/ElementShadow.vue'\n\ninterface FilterOption {\n label: string;\n key: string;\n default: number;\n value: number;\n unit: string;\n max: number;\n step: number;\n}\n\nconst defaultFilters: FilterOption[] = [\n { label: '模糊', key: 'blur', default: 0, value: 0, unit: 'px', max: 10, step: 1 },\n { label: '亮度', key: 'brightness', default: 100, value: 100, unit: '%', max: 200, step: 5 },\n { label: '对比度', key: 'contrast', default: 100, value: 100, unit: '%', max: 200, step: 5 },\n { label: '灰度', key: 'grayscale', default: 0, value: 0, unit: '%', max: 100, step: 5 },\n { label: '饱和度', key: 'saturate', default: 100, value: 100, unit: '%', max: 200, step: 5 },\n { label: '色相', key: 'hue-rotate', default: 0, value: 0, unit: 'deg', max: 360, step: 10 },\n { label: '不透明度', key: 'opacity', default: 100, value: 100, unit: '%', max: 100, step: 5 },\n]\n\nconst shapeClipPathOptions = CLIPPATHS\nconst ratioClipOptions = [\n {\n label: '纵横比（方形）',\n children: [\n { key: '1:1', ratio: 1 / 1 },\n ],\n },\n {\n label: '纵横比（纵向）',\n children: [\n { key: '2:3', ratio: 3 / 2 },\n { key: '3:4', ratio: 4 / 3 },\n { key: '3:5', ratio: 5 / 3 },\n { key: '4:5', ratio: 5 / 4 },\n ],\n },\n {\n label: '纵横比（横向）',\n children: [\n { key: '3:2', ratio: 2 / 3 },\n { key: '4:3', ratio: 3 / 4 },\n { key: '5:3', ratio: 3 / 5 },\n { key: '5:4', ratio: 4 / 5 },\n ],\n },\n {\n children: [\n { key: '16:9', ratio: 9 / 16 },\n { key: '16:10', ratio: 10 / 16 },\n ],\n },\n]\n\nexport default defineComponent({\n name: 'image-style-panel',\n components: {\n ElementOutline,\n ElementShadow,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n \n \n \n \n
\n \n \n 按形状裁剪：
\n \n
\n\n \n \n \n
\n {{type.label}}：
\n \n
\n \n \n \n updateFilter(filter, value)\"\n />\n
\n {{filter.label}}
\n {{`${filter.value}${filter.unit}`}}
\n \n
\n 水平翻转：
\n \n updateImage({ flip: { x: checked ? 180 : 0, y: flip.y } })\" \n />\n
\n \n
\n\n 垂直翻转：
\n \n updateImage({ flip: { x: flip.x, y: checked ? 180 : 0 } })\" \n />\n
\n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTShapeElement, ShapeGradient } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport ElementOpacity from '../common/ElementOpacity.vue'\nimport ElementOutline from '../common/ElementOutline.vue'\nimport ElementShadow from '../common/ElementShadow.vue'\nimport ColorButton from '../common/ColorButton.vue'\n\nexport default defineComponent({\n name: 'shape-style-panel',\n components: {\n ElementOpacity,\n ElementOutline,\n ElementShadow,\n ColorButton,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n \n \n \n \n updateFill(value)\"\n />\n \n \n \n
\n \n \n \n \n \n updateGradient({ color: [value, gradient.color[1]] })\"\n />\n \n \n
\n 起点颜色：
\n \n \n \n updateGradient({ color: [gradient.color[0], value] })\"\n />\n \n \n
\n 终点颜色：
\n \n updateGradient({ rotate: value })\" \n />\n
\n \n\n 渐变角度：
\n \n
\n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTLineElement } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport ElementShadow from '../common/ElementShadow.vue'\nimport ColorButton from '../common/ColorButton.vue'\n\nexport default defineComponent({\n name: 'line-style-panel',\n components: {\n ElementShadow,\n ColorButton,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n
\n 线条样式：
\n \n \n \n \n updateLine({ color: value })\"\n />\n \n \n
\n 线条颜色：
\n \n updateLine({ width: value })\" \n style=\"flex: 3;\" \n />\n
\n \n 线条宽度：
\n \n
\n 起点样式：
\n \n \n
\n\n 终点样式：
\n \n \n \n\n \n updateData(value)\"\n />\n \n
\n\n\n\n\n","\n \n updateOptions({ showArea: e.target.checked })\"\n :checked=\"showArea\" \n style=\"flex: 1;\"\n >面积图样式 \n updateOptions({ showLine: !e.target.checked })\"\n :checked=\"!showLine\" \n style=\"flex: 1;\"\n >散点图样式 \n
\n \n updateOptions({ lineSmooth: e.target.checked })\" \n :checked=\"lineSmooth\"\n >使用平滑曲线 \n
\n \n \n updateOptions({ horizontalBars: e.target.checked })\" \n :checked=\"horizontalBars\"\n >条形图样式 \n
\n \n updateOptions({ donut: e.target.checked })\" \n :checked=\"donut\"\n >环形图样式 \n
\n\n \n \n \n updateFill(value)\"\n />\n \n \n
\n 背景填充：
\n \n \n \n updateTheme(value)\"\n />\n \n \n
\n 主题配色：
\n \n \n \n updateGridColor(value)\"\n />\n \n \n
\n\n 网格颜色：
\n \n
\n\n\n\n\n","\nimport { ChartData } from '@/types/slides'\nimport { computed, defineComponent, onMounted, PropType, ref } from 'vue'\n\nconst CELL_WIDTH = 100\nconst CELL_HEIGHT = 32\n\nexport default defineComponent({\n name: 'chart-data-editor',\n props: {\n data: {\n type: Object as PropType\n \n \n
\n
\n\n \n \n \n \n
\n | \n \n | \n
\n \n \n
\n \n \n updateTextAttrs({ fontname: value })\"\n >\n \n {{font.zh}}\n \n \n updateTextAttrs({ fontsize: value })\"\n >\n \n {{fontsize}}\n \n \n \n\n \n \n \n updateTextAttrs({ color: value })\"\n />\n \n \n \n \n \n \n \n updateTextAttrs({ backcolor: value })\"\n />\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n\n updateTextAttrs({ align: e.target.value })\"\n >\n \n \n \n \n \n \n \n\n
\n\n\n\n\n","\nimport { computed, defineComponent, onUnmounted, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTTableElement, TableCell, TableCellStyle, TableTheme } from '@/types/slides'\nimport emitter, { EmitterEvents } from '@/utils/emitter'\nimport { createRandomCode } from '@/utils/common'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport { message } from 'ant-design-vue'\n\nimport ElementOutline from '../common/ElementOutline.vue'\nimport ColorButton from '../common/ColorButton.vue'\n\nexport default defineComponent({\n name: 'table-style-panel',\n components: {\n ElementOutline,\n ColorButton,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n setTableRow(e)\"\n @blur=\"e => setTableRow(e)\"\n style=\"flex: 3;\" \n />\n
\n 行数：
\n \n setTableCol(e)\"\n @blur=\"e => setTableCol(e)\"\n style=\"flex: 3;\" \n />\n
\n\n 列数：
\n \n
\n\n \n 启用主题表格：
\n \n toggleTheme(checked)\" \n />\n
\n \n updateTheme({ rowHeader: e.target.checked })\" \n :checked=\"theme.rowHeader\" \n style=\"flex: 1;\"\n >标题行 \n updateTheme({ rowFooter: e.target.checked })\" \n :checked=\"theme.rowFooter\" \n style=\"flex: 1;\"\n >汇总行 \n
\n \n updateTheme({ colHeader: e.target.checked })\" \n :checked=\"theme.colHeader\" \n style=\"flex: 1;\"\n >第一列 \n updateTheme({ colFooter: e.target.checked })\" \n :checked=\"theme.colFooter\" \n style=\"flex: 1;\"\n >最后一列 \n
\n \n \n \n updateTheme({ color: value })\"\n />\n \n \n
\n \n 主题颜色：
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport round from 'lodash/round'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement } from '@/types/slides'\nimport { MIN_SIZE } from '@/configs/element'\nimport useOrderElement from '@/hooks/useOrderElement'\nimport useAlignElementToCanvas from '@/hooks/useAlignElementToCanvas'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nexport default defineComponent({\n name: 'element-positopn-panel',\n setup() {\n const store = useStore()\n const handleElement = computed\n updateLeft(value)\"\n style=\"flex: 4;\"\n />\n \n updateTop(value)\"\n style=\"flex: 4;\"\n />\n
\n 位置：
\n \n \n
\n\n \n X
\n \n Y
\n \n updateWidth(value)\"\n style=\"flex: 4;\"\n />\n \n \n \n \n \n \n \n updateHeight(value)\"\n style=\"flex: 4;\"\n />\n
\n 大小：
\n \n \n
\n \n\n \n 宽
\n \n 高
\n \n \n \n \n \n \n updateRotate(value)\" \n style=\"flex: 4;\" \n />\n
\n \n 旋转：
\n \n \n \n \n
\n\n\n\n\n","export const ANIMATIONS = [\r\n {\r\n type: 'bounce',\r\n name: '弹跳',\r\n children: [\r\n { name: '弹入', value: 'bounceIn' },\r\n { name: '向右弹入', value: 'bounceInLeft' },\r\n { name: '向左弹入', value: 'bounceInRight' },\r\n { name: '向上弹入', value: 'bounceInUp' },\r\n { name: '向下弹入', value: 'bounceInDown' },\r\n ],\r\n },\r\n {\r\n type: 'fade',\r\n name: '浮现',\r\n children: [\r\n { name: '浮入', value: 'fadeIn' },\r\n { name: '向下浮入', value: 'fadeInDown' },\r\n { name: '向下长距浮入', value: 'fadeInDownBig' },\r\n { name: '向右浮入', value: 'fadeInLeft' },\r\n { name: '向右长距浮入', value: 'fadeInLeftBig' },\r\n { name: '向左浮入', value: 'fadeInRight' },\r\n { name: '向左长距浮入', value: 'fadeInRightBig' },\r\n { name: '向上浮入', value: 'fadeInUp' },\r\n { name: '向上长距浮入', value: 'fadeInUpBig' },\r\n { name: '从左上浮入', value: 'fadeInTopLeft' },\r\n { name: '从右上浮入', value: 'fadeInTopRight' },\r\n { name: '从左下浮入', value: 'fadeInBottomLeft' },\r\n { name: '从右下浮入', value: 'fadeInBottomRight' },\r\n ],\r\n },\r\n {\r\n type: 'rotate',\r\n name: '旋转',\r\n children: [\r\n { name: '旋转进入', value: 'rotateIn' },\r\n { name: '绕左下旋转进入', value: 'rotateInDownLeft' },\r\n { name: '绕右下旋转进入', value: 'rotateInDownRight' },\r\n { name: '绕左上旋转进入', value: 'rotateInUpLeft' },\r\n { name: '绕右上旋转进入', value: 'rotateInUpRight' },\r\n ],\r\n },\r\n {\r\n type: 'zoom',\r\n name: '缩放',\r\n children: [\r\n { name: '放大进入', value: 'zoomIn' },\r\n { name: '向下放大进入', value: 'zoomInDown' },\r\n { name: '从左放大进入', value: 'zoomInLeft' },\r\n { name: '从右放大进入', value: 'zoomInRight' },\r\n { name: '向上放大进入', value: 'zoomInUp' },\r\n ],\r\n },\r\n {\r\n type: 'slide',\r\n name: '滑入',\r\n children: [\r\n { name: '向下滑入', value: 'slideInDown' },\r\n { name: '从右滑入', value: 'slideInLeft' },\r\n { name: '从左滑入', value: 'slideInRight' },\r\n { name: '向上滑入', value: 'slideInUp' },\r\n ],\r\n },\r\n {\r\n type: 'flip',\r\n name: '翻转',\r\n children: [\r\n { name: 'X轴翻转进入', value: 'flipInX' },\r\n { name: 'Y轴翻转进入', value: 'flipInY' },\r\n ],\r\n },\r\n {\r\n type: 'back',\r\n name: '放大滑入',\r\n children: [\r\n { name: '向下放大滑入', value: 'backInDown' },\r\n { name: '从左放大滑入', value: 'backInLeft' },\r\n { name: '从右放大滑入', value: 'backInRight' },\r\n { name: '向上放大滑入', value: 'backInUp' },\r\n ],\r\n },\r\n {\r\n type: 'lightSpeed',\r\n name: '飞入',\r\n children: [\r\n { name: '从右飞入', value: 'lightSpeedInRight' },\r\n { name: '从左飞入', value: 'lightSpeedInLeft' },\r\n ],\r\n },\r\n]","\nimport { computed, defineComponent, ref } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTAnimation, PPTElement, Slide } from '@/types/slides'\nimport { ANIMATIONS } from '@/configs/animation'\nimport { ELEMENT_TYPE_ZH } from '@/configs/element'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport Draggable from 'vuedraggable'\n\nconst animationTypes: { [key: string]: string } = {}\nfor(const type of ANIMATIONS) {\n for(const animation of type.children) {\n animationTypes[animation.value] = animation.name\n }\n}\n\nexport default defineComponent({\n name: 'element-animation-panel',\n components: {\n Draggable,\n },\n setup() {\n const store = useStore()\n const handleElement = computed\n \n \n \n
\n\n \n
\n \n \n \n
\n {{type.name}}：
\n \n
\n \n
\n \n {{item.name}}\n
\n \n
\n \n {{index + 1}}
\n 【{{element.elType}}】{{element.animationType}}
\n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTElement, Slide } from '@/types/slides'\nimport { ElementAlignCommand, ElementAlignCommands } from '@/types/edit'\nimport { getElementListRange } from '@/utils/element'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\nimport useCombineElement from '@/hooks/useCombineElement'\n\nexport default defineComponent({\n name: 'multi-position-panel',\n setup() {\n const store = useStore()\n const activeElementIdList = computed(() => store.state.activeElementIdList)\n const activeElementList = computed\n \n\n \n
\n\n\n\n\n","\n \n\n\n\n\n","\n \n \n \n \n
\n \n \n
\n\n\n","\n \n
\n\n\n\n\n\n","\nimport { defineComponent, PropType } from 'vue'\nimport { PPTChartElement } from '@/types/slides'\n\nimport ElementOutline from '@/views/components/element/ElementOutline.vue'\nimport Chart from './Chart.vue'\n\nexport default defineComponent({\n name: 'screen-element-chart',\n components: {\n ElementOutline,\n Chart,\n },\n props: {\n elementInfo: {\n type: Object as PropType\n
\n \n \n \n\n
\n\n\n\n\n","\r\n \n
\n 画笔
\n 橡皮擦
\n 擦除所有墨迹
\n 退出画笔
\n \n \n
\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, onMounted, PropType, reactive, ref } from 'vue'\r\n\r\nconst penSize = 6\r\nconst rubberSize = 80\r\n\r\nexport default defineComponent({\r\n name: 'writing-board',\r\n props: {\r\n color: {\r\n type: String,\r\n default: '#ffcc00',\r\n },\r\n model: {\r\n type: String as PropType<'pen' | 'eraser'>,\r\n default: 'pen',\r\n },\r\n },\r\n setup(props) {\r\n let ctx: CanvasRenderingContext2D | null = null\r\n const writingBoardRef = ref\n
\n\n\n\n\n","\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n name: 'file-input',\n props: {\n accept: {\n type: String,\n default: 'image/*',\n },\n },\n setup(props, { emit }) {\n const inputRef = ref\n
\n\n \n changeColor(value)\" />\n
\n \n
\n\n \n \n
\n \n \n changeColor(value)\" />\n
\n\n \n
\n \n \n \n
\n \n\n \n
\n \n \n\n\n\n\n","\n \n
\n\n\n\n\n","\n \n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\n\nconst checkboardCache = {}\nconst renderCheckboard = (white: string, grey: string, size: number) => {\n const canvas = document.createElement('canvas')\n canvas.width = canvas.height = size * 2\n const ctx = canvas.getContext('2d')\n \n if(!ctx) return null\n\n ctx.fillStyle = white\n ctx.fillRect(0, 0, canvas.width, canvas.height)\n ctx.fillStyle = grey\n ctx.fillRect(0, 0, size, size)\n ctx.translate(size, size)\n ctx.fillRect(0, 0, size, size)\n return canvas.toDataURL()\n}\n\nconst getCheckboard = (white: string, grey: string, size: number) => {\n const key = white + ',' + grey + ',' + size\n if(checkboardCache[key]) return checkboardCache[key]\n \n const checkboard = renderCheckboard(white, grey, size)\n checkboardCache[key] = checkboard\n return checkboard\n}\n\nexport default defineComponent({\n name: 'checkboard',\n props: {\n size: {\n type: Number,\n default: 8,\n },\n white: {\n type: String,\n default: '#fff',\n },\n grey: {\n type: String,\n default: '#e6e6e6',\n },\n },\n setup(props) {\n const bgStyle = computed(() => {\n const checkboard = getCheckboard(props.white, props.grey, props.size)\n return { backgroundImage: `url(${checkboard})` }\n })\n\n return {\n bgStyle,\n }\n },\n})\n","import { render } from \"./Checkboard.vue?vue&type=template&id=2352ea60&scoped=true\"\nimport script from \"./Checkboard.vue?vue&type=script&lang=ts\"\nexport * from \"./Checkboard.vue?vue&type=script&lang=ts\"\n\nimport \"./Checkboard.vue?vue&type=style&index=0&id=2352ea60&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-2352ea60\"\n\nexport default script","\nimport { computed, defineComponent, onUnmounted, PropType, ref } from 'vue'\n\nimport Checkboard from './Checkboard.vue'\nimport { ColorFormats } from 'tinycolor2'\n\nexport default defineComponent({\n name: 'alpha',\n components: {\n Checkboard,\n },\n props: {\n value: {\n type: Object as PropType\n
\n \n handleMouseDown($event)\"\n >\n
\n \n \n
\n \n
\n\n\n\n\n","\nimport { computed, defineComponent, onUnmounted, PropType, ref, watch } from 'vue'\nimport tinycolor, { ColorFormats } from 'tinycolor2'\n\nexport default defineComponent({\n name: 'hue',\n props: {\n value: {\n type: Object as PropType handleMouseDown($event)\"\n >\n
\n \n \n
\n handleMouseDown($event)\"\n >\n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, onUnmounted, PropType, ref } from 'vue'\nimport tinycolor, { ColorFormats } from 'tinycolor2'\nimport throttle from 'lodash/throttle'\nimport clamp from 'lodash/clamp'\n\nexport default defineComponent({\n name: 'saturation',\n props: {\n value: {\n type: Object as PropType\n \n
\n \n handleInput($event)\"\n >\n
\n\n\n\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport tinycolor, { ColorFormats } from 'tinycolor2'\n\nexport default defineComponent({\n name: 'editable-input',\n props: {\n value: {\n type: Object as PropType😀 😐 😶 😜 🔔 ⭐ ⚡ 🔥 👍 💡 🔰 🎀 🎁 🥇 🏅 🏆 🎈 🎉 💎 🚧 ⛔ 📢 ⌛ ⏰ 🕒 🧩 🎵 📎 🔒 🔑 ⛳ 📌 📍 💬 📅 📈 📋 📜 📁 📱 💻 💾 🌏 🚚 🚡 🚢💧 🌐 🧭 💰 💳 🛒
"},{id:"xsfdas",type:"line",width:2,left:100,top:400,end:[0,0],start:[300,120],style:"solid",color:"#888",points:["","arrow"]},{id:"xxx7",type:"shape",left:130,top:50,width:150,height:150,rotate:0,fill:"#eebc29",opacity:.9,fixedRatio:!1,lock:!1,viewBox:1024,path:"M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z"}],animations:[{elId:"yyx1",type:"flipInX",duration:1e3}]}],I={activeElementIdList:[],handleElementId:"",canvasPercentage:90,canvasScale:1,thumbnailsFocus:!1,editorAreaFocus:!1,disableHotkeys:!1,showGridLines:!1,creatingElement:null,availableFonts:[],toolbarState:"slideStyle",theme:{themeColor:"#d14424",fontColor:"#333",fontName:"微软雅黑",backgroundColor:"#fff"},slides:E,slideIndex:0,snapshotCursor:-1,snapshotLength:0,ctrlKeyState:!1,shiftKeyState:!1,screening:!1,clipingImageElementId:""},S=(n("4de4"),n("7db0"),n("caad"),n("d81d"),n("2532"),{currentSlide:function(e){return e.slides[e.slideIndex]||null},currentSlideAnimations:function(e){var t=e.slides[e.slideIndex];if(!t)return null;var n=t.animations;if(!n)return null;var o=t.elements,c=o.map((function(e){return e.id}));return n.filter((function(e){return c.includes(e.elId)}))},activeElementList:function(e){var t=e.slides[e.slideIndex];return t&&t.elements?t.elements.filter((function(t){return e.activeElementIdList.includes(t.id)})):[]},handleElement:function(e){var t=e.slides[e.slideIndex];return t&&t.elements&&t.elements.find((function(t){return e.handleElementId===t.id}))||null},canUndo:function(e){return e.snapshotCursor>0},canRedo:function(e){return e.snapshotCursor".concat(e,"
"),n=new window.DOMParser,o=n.parseFromString(t,"text/html").body.firstElementChild;return Ln["a"].fromSchema(io).parse(o)},so=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new wn["c"](e,Object(P["a"])({state:Tn["b"].create({doc:uo(t),plugins:Gn(io)})},n))},fo=(n("b0c0"),function(e,t){return Array.isArray(e)&&e.indexOf(t.type)>-1||t.type===e}),po=function(e,t){for(var n=e.depth;n>0;n--){var o=e.node(n);if(t(o))return{pos:n>0?e.before(n):0,start:e.start(n),depth:n,node:o}}},bo=function(e){return function(t){return po(t.$from,e)}},mo=function(e){return function(t){return bo((function(t){return fo(e,t)}))(t)}},vo=function(e,t){var n=t.schema.nodes[e];return!!mo(n)(t.selection)},Oo=function(e){var t=e.state,n=t.selection,o=t.doc,c=n.from,a=o.nodeAt(c);return(null===a||void 0===a?void 0:a.marks)||[]},ho=function(e,t,n){var o,c=Oo(e),a=Object(me["a"])(c);try{for(a.s();!(o=a.n()).done;){var r=o.value;if(r.type.name===t&&r.attrs[n])return r.attrs[n]}}catch(l){a.e(l)}finally{a.f()}return null},jo=function(e,t){var n,o=Oo(e),c=Object(me["a"])(o);try{for(c.s();!(n=c.n()).done;){var a=n.value;if(a.type.name===t)return!0}}catch(r){c.e(r)}finally{c.f()}return!1},go=function(e,t){var n=e.state,o=n.selection,c=n.doc,a=o.from,r=o.to,l=!0,i="";return c.nodesBetween(a,r,(function(e){return l&&e.attrs[t]&&(l=!1,i=e.attrs[t]),l})),i},yo=function(e){var t=jo(e,"strong"),n=jo(e,"em"),o=jo(e,"underline"),c=jo(e,"strikethrough"),a=jo(e,"superscript"),r=jo(e,"subscript"),l=jo(e,"code"),i=ho(e,"forecolor","color")||"#000",u=ho(e,"backcolor","backcolor")||"#000",d=ho(e,"fontsize","fontsize")||"12px",s=ho(e,"fontname","fontname")||"微软雅黑",f=go(e,"align")||"left",p=vo("bullet_list",e.state),b=vo("ordered_list",e.state),m=vo("blockquote",e.state);return{bold:t,em:n,underline:o,strikethrough:c,superscript:a,subscript:r,code:l,color:i,backcolor:u,fontsize:d,fontname:s,align:f,bulletList:p,orderedList:b,blockquote:m}},ko=(n("6062"),n("3ca3"),function(e,t,n){var o=e,c=o.selection,a=o.doc;if(!c||!a)return e;var r=c.from,l=c.to,i=t.nodes,u=i.blockquote,d=i.list_item,s=i.paragraph,f=[];n=n||"";var p=new Set([u,d,s]);return a.nodesBetween(r,l,(function(e,t){var o=e.type,c=e.attrs.align||"";return c!==n&&p.has(o)&&f.push({node:e,pos:t,nodeType:o}),!0})),f.length?(f.forEach((function(t){var o=t.node,c=t.pos,a=t.nodeType,r=o.attrs;r=n?Object(P["a"])(Object(P["a"])({},r),{},{align:n}):Object(P["a"])(Object(P["a"])({},r),{},{align:null}),e=e.setNodeMarkup(c,a,r,o.marks)})),e):e}),Eo=function(e,t){var n=e.state,o=n.schema,c=n.selection,a=ko(n.tr.setSelection(c),o,t);e.dispatch(a)},Io=function(e,t){return e.type===t.nodes.bullet_list||e.type===t.nodes.ordered_list},So=function(e,t){return function(n,o){var c=n.schema,a=n.selection,r=a.$from,l=a.$to,i=r.blockRange(l);if(!i)return!1;var u=bo((function(e){return Io(e,c)}))(a);if(i.depth>=1&&u&&i.depth-u.depth<=1){if(u.node.type===e)return Object(Dn["b"])(t)(n,o);if(Io(u.node,c)&&e.validContent(u.node.content)){var d=n.tr;return d.setNodeMarkup(u.pos,e),o&&o(d),!1}}return Object(Dn["g"])(e)(n,o)}},Co=Object(h["withScopeId"])("data-v-59365834"),xo=Co((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("SvgWrapper");return e.outline?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:0,class:"element-outline",overflow:"visible",width:e.width,height:e.height},{default:Co((function(){return[Object(h["createVNode"])("path",{"vector-effect":"non-scaling-stroke","stroke-linecap":"butt","stroke-miterlimit":"8","stroke-linejoin":"",fill:"transparent",d:"M0,0 L".concat(e.width,",0 L").concat(e.width,",").concat(e.height," L0,").concat(e.height," Z"),stroke:e.outlineColor,"stroke-width":e.outlineWidth,"stroke-dasharray":"dashed"===e.outlineStyle?"12 9":"0 0"},null,8,["d","stroke","stroke-width","stroke-dasharray"])]})),_:1},8,["width","height"])):Object(h["createCommentVNode"])("",!0)})),No=Object(h["defineComponent"])({name:"element-outline",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},outline:{type:Object}},setup:function(e){var t=ln(Object(h["toRef"])(e,"outline")),n=t.outlineWidth,o=t.outlineStyle,c=t.outlineColor;return{outlineWidth:n,outlineStyle:o,outlineColor:c}}});n("606f");No.render=xo,No.__scopeId="data-v-59365834";var To=No,wo=Object(h["defineComponent"])({name:"editable-element-text",components:{ElementOutline:To},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=X(),n=ge(),o=n.addHistorySnapshot,c=Object(h["ref"])(),a=Object(h["ref"])(!1),r=Object(h["ref"])(-1),l=function(n){a.value=n,n||-1===r.value||(t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:r.value}}),r.value=-1)};Dt.on(_t.SCALE_ELEMENT_STATE,(function(e){return l(e)})),Object(h["onUnmounted"])((function(){Dt.off(_t.SCALE_ELEMENT_STATE,(function(e){return l(e)}))}));var i=function(n){var o=n[0].contentRect;if(c.value){var l=o.height;e.elementInfo.height!==l&&(a.value?r.value=l:t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:l}}))}},u=new ResizeObserver(i);Object(h["onMounted"])((function(){c.value&&u.observe(c.value)})),Object(h["onUnmounted"])((function(){c.value&&u.unobserve(c.value)}));var d,s=Object(h["ref"])(),f=function(){t.commit(g.SET_DISABLE_HOTKEYS_STATE,!0)},p=function(){t.commit(g.SET_DISABLE_HOTKEYS_STATE,!1)},b=Oe()((function(){t.commit(g.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{content:d.dom.innerHTML}}),o()}),300,{trailing:!0}),m=Oe()((function(){var e=yo(d);Dt.emit(_t.UPDATE_TEXT_STATE,e)}),30,{trailing:!0}),v=function(){b(),m()},O=Object(h["computed"])((function(){return e.elementInfo.content}));Object(h["watch"])(O,(function(){d&&(d.hasFocus()||(d.dom.innerHTML=O.value))}));var j=Object(h["computed"])((function(){return!e.elementInfo.lock}));Object(h["watch"])(j,(function(){d.setProps({editable:function(){return j.value}})})),Object(h["onMounted"])((function(){d=so(s.value,O.value,{handleDOMEvents:{focus:f,blur:p,keydown:v,click:m},editable:function(){return j.value}})})),Object(h["onUnmounted"])((function(){d&&d.destroy()}));var y=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo,n))},k=Object(h["computed"])((function(){return e.elementInfo.shadow})),E=cn(k),I=E.shadowStyle,S=Object(h["computed"])((function(){return t.state.handleElementId})),C=function(t){if(S.value===e.elementInfo.id){var n,o="command"in t?[t]:t,c=Object(me["a"])(o);try{for(c.s();!(n=c.n()).done;){var a=n.value;if("fontname"===a.command&&a.value){var r=d.state.schema.marks.fontname.create({fontname:a.value}),l=d.state.selection.empty;l&&Object(Nn["d"])(d.state,d.dispatch);var i=d.state.selection,u=i.$from,s=i.$to;d.dispatch(d.state.tr.addMark(u.pos,s.pos,r))}else if("fontsize"===a.command&&a.value){var f=d.state.schema.marks.fontsize.create({fontsize:a.value}),p=d.state.selection.empty;p&&Object(Nn["d"])(d.state,d.dispatch);var v=d.state.selection,O=v.$from,h=v.$to;d.dispatch(d.state.tr.addMark(O.pos,h.pos,f))}else if("color"===a.command&&a.value){var j=d.state.schema.marks.forecolor.create({color:a.value}),g=d.state.selection.empty;g&&Object(Nn["d"])(d.state,d.dispatch);var y=d.state.selection,k=y.$from,E=y.$to;d.dispatch(d.state.tr.addMark(k.pos,E.pos,j))}else if("backcolor"===a.command&&a.value){var I=d.state.schema.marks.backcolor.create({backcolor:a.value}),C=d.state.selection.empty;C&&Object(Nn["d"])(d.state,d.dispatch);var x=d.state.selection,N=x.$from,T=x.$to;d.dispatch(d.state.tr.addMark(N.pos,T.pos,I))}else if("bold"===a.command){var w=d.state.selection.empty;w&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.strong)(d.state,d.dispatch)}else if("em"===a.command){var L=d.state.selection.empty;L&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.em)(d.state,d.dispatch)}else if("underline"===a.command){var V=d.state.selection.empty;V&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.underline)(d.state,d.dispatch)}else if("strikethrough"===a.command){var _=d.state.selection.empty;_&&Object(Nn["d"])(d.state,d.dispatch),Object(Nn["f"])(d.state.schema.marks.strikethrough)(d.state,d.dispatch)}else if("subscript"===a.command)Object(Nn["f"])(d.state.schema.marks.subscript)(d.state,d.dispatch);else if("superscript"===a.command)Object(Nn["f"])(d.state.schema.marks.superscript)(d.state,d.dispatch);else if("blockquote"===a.command)Object(Nn["g"])(d.state.schema.nodes.blockquote)(d.state,d.dispatch);else if("code"===a.command)Object(Nn["f"])(d.state.schema.marks.code)(d.state,d.dispatch);else if("align"===a.command&&a.value)Eo(d,a.value);else if("bulletList"===a.command){var B=d.state.schema.nodes,M=B.bullet_list,D=B.list_item;So(M,D)(d.state,d.dispatch)}else if("orderedList"===a.command){var A=d.state.schema.nodes,P=A.ordered_list,R=A.list_item;So(P,R)(d.state,d.dispatch)}else if("clear"===a.command){var F=d.state.selection.empty;F&&Object(Nn["d"])(d.state,d.dispatch);var z=d.state.selection,H=z.$from,U=z.$to;d.dispatch(d.state.tr.removeMark(H.pos,U.pos))}}}catch(G){c.e(G)}finally{c.f()}d.focus(),b(),m()}};return Dt.on(_t.EXEC_TEXT_COMMAND,(function(e){return C(e)})),Object(h["onUnmounted"])((function(){Dt.off(_t.EXEC_TEXT_COMMAND,(function(e){return C(e)}))})),{elementRef:c,editorViewRef:s,handleSelectElement:y,shadowStyle:I}}});n("01f7");wo.render=xn,wo.__scopeId="data-v-092f3d4e";var Lo=wo,Vo=Object(h["withScopeId"])("data-v-6a9228f2");Object(h["pushScopeId"])("data-v-6a9228f2");var _o={key:0};Object(h["popScopeId"])();var Bo=Vo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("GradientDefs"),l=Object(h["resolveComponent"])("SvgWrapper"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px",height:e.elementInfo.height+"px",transform:"rotate(".concat(e.elementInfo.rotate,"deg)")},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(h["withDirectives"])(Object(h["createVNode"])("div",{class:"element-content",style:{opacity:e.elementInfo.opacity,filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(h["createVNode"])(l,{overflow:"visible",width:e.elementInfo.width,height:e.elementInfo.height},{default:Vo((function(){return[e.elementInfo.gradient?(Object(h["openBlock"])(),Object(h["createBlock"])("defs",_o,[Object(h["createVNode"])(r,{id:"editabel-gradient-".concat(e.elementInfo.id),type:e.elementInfo.gradient.type,color1:e.elementInfo.gradient.color[0],color2:e.elementInfo.gradient.color[1],rotate:e.elementInfo.gradient.rotate},null,8,["id","type","color1","color2","rotate"])])):Object(h["createCommentVNode"])("",!0),Object(h["createVNode"])("g",{transform:"scale(".concat(e.elementInfo.width/e.elementInfo.viewBox,", ").concat(e.elementInfo.height/e.elementInfo.viewBox,") translate(0,0) matrix(1,0,0,1,0,0)")},[Object(h["createVNode"])("path",{"vector-effect":"non-scaling-stroke","stroke-linecap":"butt","stroke-miterlimit":"8","stroke-linejoin":"",d:e.elementInfo.path,fill:e.elementInfo.gradient?"url(#editabel-gradient-".concat(e.elementInfo.id,")"):e.elementInfo.fill,stroke:e.outlineColor,"stroke-width":e.outlineWidth,"stroke-dasharray":"dashed"===e.outlineStyle?"10 5":"0 0"},null,8,["d","fill","stroke","stroke-width","stroke-dasharray"])],8,["transform"])]})),_:1},8,["width","height"])],4),[[i,e.contextmenus]])],38)}));function Mo(e,t,n,o,c,a){return"linear"===e.type?(Object(h["openBlock"])(),Object(h["createBlock"])("linearGradient",{key:0,id:e.id,x1:"0%",y1:"0%",x2:"100%",y2:"0%",gradientTransform:"rotate(".concat(e.rotate,",0.5,0.5)")},[Object(h["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(h["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id","gradientTransform"])):(Object(h["openBlock"])(),Object(h["createBlock"])("radialGradient",{key:1,id:e.id},[Object(h["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(h["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id"]))}var Do=Object(h["defineComponent"])({name:"gradient-defs",props:{id:{type:String,required:!0},type:{type:String},color1:{type:String,required:!0},color2:{type:String,required:!0},rotate:{type:Number,default:0}}});Do.render=Mo;var Ao=Do,Po=Object(h["defineComponent"])({name:"editable-element-shape",components:{GradientDefs:Ao},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))},n=Object(h["computed"])((function(){return e.elementInfo.outline})),o=ln(n),c=o.outlineWidth,a=o.outlineStyle,r=o.outlineColor,l=Object(h["computed"])((function(){return e.elementInfo.shadow})),i=cn(l),u=i.shadowStyle;return{handleSelectElement:t,shadowStyle:u,outlineWidth:c,outlineStyle:a,outlineColor:r}}});n("2a31");Po.render=Bo,Po.__scopeId="data-v-6a9228f2";var Ro=Po,Fo=Object(h["withScopeId"])("data-v-d93ab0c4"),zo=Fo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("LinePointMarker"),l=Object(h["resolveComponent"])("SvgWrapper"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px"}},[Object(h["createVNode"])("div",{class:"element-content",style:{filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(h["createVNode"])(l,{overflow:"visible",width:e.svgWidth,height:e.svgHeight},{default:Fo((function(){return[Object(h["createVNode"])("defs",null,[e.elementInfo.points[0]?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:0,id:e.elementInfo.id,position:"start",type:e.elementInfo.points[0],color:e.elementInfo.color,baseSize:e.elementInfo.width},null,8,["id","type","color","baseSize"])):Object(h["createCommentVNode"])("",!0),e.elementInfo.points[1]?(Object(h["openBlock"])(),Object(h["createBlock"])(r,{key:1,id:e.elementInfo.id,position:"end",type:e.elementInfo.points[1],color:e.elementInfo.color,baseSize:e.elementInfo.width},null,8,["id","type","color","baseSize"])):Object(h["createCommentVNode"])("",!0)]),Object(h["createVNode"])("path",{d:e.path,stroke:e.elementInfo.color,"stroke-width":e.elementInfo.width,"stroke-dasharray":e.lineDashArray,fill:"none","stroke-linecap":"","stroke-linejoin":"","stroke-miterlimit":"","marker-start":e.elementInfo.points[0]?"url(#".concat(e.elementInfo.id,"-").concat(e.elementInfo.points[0],"-start)"):"","marker-end":e.elementInfo.points[1]?"url(#".concat(e.elementInfo.id,"-").concat(e.elementInfo.points[1],"-end)"):""},null,8,["d","stroke","stroke-width","stroke-dasharray","marker-start","marker-end"]),Object(h["withDirectives"])(Object(h["createVNode"])("path",{class:"line-path",d:e.path,stroke:"transparent","stroke-width":"20",fill:"none",onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},null,40,["d"]),[[i,e.contextmenus]])]})),_:1},8,["width","height"])],4)],6)}));function Ho(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("marker",{id:"".concat(e.id,"-").concat(e.type,"-").concat(e.position),markerUnits:"userSpaceOnUse",orient:"auto",markerWidth:3*e.size,markerHeight:3*e.size,refX:1.5*e.size,refY:1.5*e.size},[Object(h["createVNode"])("path",{d:e.path,fill:e.color,transform:"scale(".concat(.3*e.size,", ").concat(.3*e.size,") rotate(").concat(e.rotate,", 5, 5)")},null,8,["d","fill","transform"])],8,["id","markerWidth","markerHeight","refX","refY"])}var Uo={dot:"m0 5a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z",arrow:"M0,0 L10,5 0,10 Z"},Go={"arrow-start":180,"arrow-end":0},qo=Object(h["defineComponent"])({name:"line-point-marker",props:{id:{type:String,required:!0},position:{type:String,required:!0},type:{type:String,required:!0},color:{type:String},baseSize:{type:Number,required:!0}},setup:function(e){var t=Object(h["computed"])((function(){return Uo[e.type]})),n=Object(h["computed"])((function(){return Go["".concat(e.type,"-").concat(e.position)]||0})),o=Object(h["computed"])((function(){return e.baseSize<2?2:e.baseSize}));return{path:t,rotate:n,size:o}}});qo.render=Ho;var Wo=qo,Xo=Object(h["defineComponent"])({name:"editable-element-shape",components:{LinePointMarker:Wo},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))},n=Object(h["computed"])((function(){return e.elementInfo.shadow})),o=cn(n),c=o.shadowStyle,a=Object(h["computed"])((function(){var t=Math.abs(e.elementInfo.start[0]-e.elementInfo.end[0]);return t<24?24:t})),r=Object(h["computed"])((function(){var t=Math.abs(e.elementInfo.start[1]-e.elementInfo.end[1]);return t<24?24:t})),l=Object(h["computed"])((function(){return"dashed"===e.elementInfo.style?"10, 5":"0, 0"})),i=Object(h["computed"])((function(){var t=e.elementInfo.start.join(","),n=e.elementInfo.end.join(",");return"M".concat(t," L").concat(n)}));return{handleSelectElement:t,shadowStyle:c,svgWidth:a,svgHeight:r,lineDashArray:l,path:i}}});n("1c60");Xo.render=zo,Xo.__scopeId="data-v-d93ab0c4";var Yo=Xo,Zo=Object(h["withScopeId"])("data-v-7550799e"),Jo=Zo((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("ElementOutline"),l=Object(h["resolveComponent"])("Chart"),i=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-chart",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px",height:e.elementInfo.height+"px"},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(h["withDirectives"])(Object(h["createVNode"])("div",{class:"element-content",style:{backgroundColor:e.elementInfo.fill}},[Object(h["createVNode"])(r,{width:e.elementInfo.width,height:e.elementInfo.height,outline:e.elementInfo.outline},null,8,["width","height","outline"]),Object(h["createVNode"])(l,{width:e.elementInfo.width,height:e.elementInfo.height,type:e.elementInfo.chartType,data:e.elementInfo.data,options:e.elementInfo.options,themeColor:e.elementInfo.themeColor,gridColor:e.elementInfo.gridColor},null,8,["width","height","type","data","options","themeColor","gridColor"])],4),[[i,e.contextmenus]])],38)})),Ko=Object(h["withScopeId"])("data-v-5f401eca");Object(h["pushScopeId"])("data-v-5f401eca");var $o={class:"chart"};Object(h["popScopeId"])();var Qo=Ko((function(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("div",$o,[Object(h["createVNode"])("div",{class:"chart-content",ref:"chartRef",style:{width:e.width+"px",height:e.height+"px",transform:"scale(".concat(1/e.slideScale,")")}},null,4)])})),ec=n("8103"),tc=n.n(ec),nc=n("66cb"),oc=n.n(nc),cc=n("ba48"),ac=n.n(cc),rc=(n("aa97"),Object(h["defineComponent"])({name:"chart",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},type:{type:String,required:!0},data:{type:Object,required:!0},options:{type:Object},themeColor:{type:String,required:!0},gridColor:{type:String}},setup:function(e){var t,n=Object(h["ref"])(),o=Object(h["inject"])("slideScale")||Object(h["ref"])(1),c=function(){var t=e.options||{},n=Object(P["a"])(Object(P["a"])({},t),{},{width:e.width*o.value,height:e.height*o.value}),c="pie"===e.type?Object(P["a"])(Object(P["a"])({},e.data),{},{series:e.data.series[0]}):e.data;return{data:c,options:n}},a=function(){if(n.value){var o=tc()(e.type),a=c(),r=a.data,l=a.options;t=new ac.a[o](n.value,r,l)}},r=function(){if(t){var e=c(),n=e.data,o=e.options;t.update(n,o)}else a()};Object(h["watch"])([function(){return e.width},function(){return e.height},function(){return e.data},o],r),Object(h["onMounted"])(a);var l=function(){if(n.value){for(var t=oc()(e.themeColor).toHsl(),o=0;o<10;o++){var c=t.h+36*o;c>360&&(c-=360);var a=Object(P["a"])(Object(P["a"])({},t),{},{h:c});n.value.style.setProperty("--theme-color-".concat(o+1),oc()(a).toRgbString())}e.gridColor&&n.value.style.setProperty("--grid-color",e.gridColor)}};return Object(h["watch"])([function(){return e.themeColor},function(){return e.gridColor}],l),Object(h["onMounted"])(l),{slideScale:o,chartRef:n}}}));n("380f8"),n("d85b");rc.render=Qo,rc.__scopeId="data-v-5f401eca";var lc=rc,ic=Object(h["defineComponent"])({name:"editable-element-chart",components:{ElementOutline:To,Chart:lc},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t=function(t){e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo))};return{handleSelectElement:t}}});n("fba1");ic.render=Jo,ic.__scopeId="data-v-7550799e";var uc=ic,dc=Object(h["withScopeId"])("data-v-045f7664");Object(h["pushScopeId"])("data-v-045f7664");var sc={class:"element-content"};Object(h["popScopeId"])();var fc=dc((function(e,t,n,o,c,a){var r=Object(h["resolveComponent"])("EditableTable"),l=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:["editable-element-table",{lock:e.elementInfo.lock}],ref:"elementRef",style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px",width:e.elementInfo.width+"px"}},[Object(h["withDirectives"])(Object(h["createVNode"])("div",sc,[Object(h["createVNode"])(r,{onMousedown:t[1]||(t[1]=Object(h["withModifiers"])((function(){}),["stop"])),data:e.elementInfo.data,width:e.elementInfo.width,colWidths:e.elementInfo.colWidths,outline:e.elementInfo.outline,theme:e.elementInfo.theme,editable:e.editable,onChange:t[2]||(t[2]=function(t){return e.updateTableCells(t)}),onChangeColWidths:t[3]||(t[3]=function(t){return e.updateColWidths(t)}),onChangeSelectedCells:t[4]||(t[4]=function(t){return e.updateSelectedCells(t)})},null,8,["data","width","colWidths","outline","theme","editable"]),!e.editable||e.elementInfo.lock?(Object(h["openBlock"])(),Object(h["createBlock"])("div",{key:0,class:["table-mask",{lock:e.elementInfo.lock}],onDblclick:t[5]||(t[5]=function(t){return e.startEdit()}),onMousedown:t[6]||(t[6]=function(t){return e.handleSelectElement(t)})},[Object(h["createVNode"])("div",{class:"mask-tip",style:{transform:"scale(".concat(1/e.canvasScale,")")}},"双击编辑",4)],34)):Object(h["createCommentVNode"])("",!0)],512),[[l,e.contextmenus]])],6)})),pc=(n("13d5"),Object(h["withScopeId"])("data-v-7859e10e"));Object(h["pushScopeId"])("data-v-7859e10e");var bc={key:0,class:"handler"};Object(h["popScopeId"])();var mc=pc((function(e,t,n,o,c,a){var r,l,i,u,d,s=Object(h["resolveComponent"])("CustomTextarea"),f=Object(h["resolveDirective"])("contextmenu");return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"editable-table",style:{width:e.totalWidth+"px"}},[e.editable?(Object(h["openBlock"])(),Object(h["createBlock"])("div",bc,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.dragLinePosition,(function(t,n){return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"drag-line",key:n,style:{left:t+"px"},onMousedown:function(t){return e.handleMousedownColHandler(t,n)}},null,44,["onMousedown"])})),128))])):Object(h["createCommentVNode"])("",!0),Object(h["createVNode"])("table",{class:{theme:e.theme,"row-header":null===(r=e.theme)||void 0===r?void 0:r.rowHeader,"row-footer":null===(l=e.theme)||void 0===l?void 0:l.rowFooter,"col-header":null===(i=e.theme)||void 0===i?void 0:i.colHeader,"col-footer":null===(u=e.theme)||void 0===u?void 0:u.colFooter},style:"--themeColor: ".concat(null===(d=e.theme)||void 0===d?void 0:d.color,"; --subThemeColor1: ").concat(e.subThemeColor[0],"; --subThemeColor2: ").concat(e.subThemeColor[1])},[Object(h["createVNode"])("colgroup",null,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.colSizeList,(function(e,t){return Object(h["openBlock"])(),Object(h["createBlock"])("col",{span:"1",key:t,width:e},null,8,["width"])})),128))]),Object(h["createVNode"])("tbody",null,[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(e.tableCells,(function(n,o){return Object(h["openBlock"])(),Object(h["createBlock"])("tr",{key:o},[(Object(h["openBlock"])(!0),Object(h["createBlock"])(h["Fragment"],null,Object(h["renderList"])(n,(function(n,c){return Object(h["withDirectives"])((Object(h["openBlock"])(),Object(h["createBlock"])("td",{class:["cell",{selected:e.selectedCells.includes("".concat(o,"_").concat(c))&&e.selectedCells.length>1,active:e.activedCell==="".concat(o,"_").concat(c)}],style:Object(P["a"])({borderStyle:e.outline.style,borderColor:e.outline.color,borderWidth:e.outline.width+"px"},e.getTextStyle(n.style)),key:n.id,rowspan:n.rowspan,colspan:n.colspan,"data-cell-index":"".concat(o,"_").concat(c),onMousedown:function(t){return e.handleCellMousedown(t,o,c)},onMouseenter:function(t){return e.handleCellMouseenter(o,c)}},[Object(h["createVNode"])(s,{class:["cell-text",{active:e.activedCell==="".concat(o,"_").concat(c)}],contenteditable:e.activedCell==="".concat(o,"_").concat(c)&&"plaintext-only",modelValue:n.text,"onUpdate:modelValue":[function(e){return n.text=e},t[1]||(t[1]=function(t){return e.handleInput()})]},null,8,["class","contenteditable","modelValue","onUpdate:modelValue"])],46,["rowspan","colspan","data-cell-index","onMousedown","onMouseenter"])),[[h["vShow"],!e.hideCells.includes("".concat(o,"_").concat(c))],[f,function(t){return e.contextmenus(t)}]])})),128))])})),128))])],6)],4)}));n("1276"),n("cc71");function vc(e,t,n,o,c,a){return Object(h["openBlock"])(),Object(h["createBlock"])("div",{class:"custom-textarea",ref:"textareaRef",contenteditable:e.contenteditable,onFocus:t[1]||(t[1]=function(){return e.handleFocus&&e.handleFocus.apply(e,arguments)}),onBlur:t[2]||(t[2]=function(){return e.handleBlur&&e.handleBlur.apply(e,arguments)}),onInput:t[3]||(t[3]=function(t){return e.handleInput(t)}),innerHTML:e.text},null,40,["contenteditable","innerHTML"])}var Oc=Object(h["defineComponent"])({name:"custom-textarea",props:{modelValue:{type:String,default:""},contenteditable:{type:[Boolean,String],default:!1}},setup:function(e,t){var n=t.emit,o=Object(h["ref"])(),c=Object(h["ref"])(""),a=Object(h["ref"])(!1);Object(h["watch"])((function(){return e.modelValue}),(function(){a.value||(c.value=e.modelValue,o.value&&(o.value.innerHTML=e.modelValue))}),{immediate:!0});var r=function(){if(o.value){var e=o.value.innerHTML;n("update:modelValue",e)}},l=function(){a.value=!0,o.value&&(o.value.onpaste=function(e){if(e.preventDefault(),e.clipboardData){var t=e.clipboardData.items[0];t&&"string"===t.kind&&"text/plain"===t.type&&t.getAsString((function(e){return n("update:modelValue",e)}))}})},i=function(){a.value=!1,o.value&&(o.value.onpaste=null)};return Object(h["onUnmounted"])((function(){o.value&&(o.value.onpaste=null)})),{textareaRef:o,handleFocus:l,handleInput:r,handleBlur:i,text:c}}});Oc.render=vc;var hc=Oc,jc=Object(h["defineComponent"])({name:"editable-table",components:{CustomTextarea:hc},props:{data:{type:Array,required:!0},width:{type:Number,required:!0},colWidths:{type:Array,required:!0},outline:{type:Object,required:!0},theme:{type:Object},editable:{type:Boolean,default:!0}},setup:function(e,t){var n=t.emit,o=X(),c=Object(h["computed"])((function(){return o.state.canvasScale})),a=Object(h["ref"])(["",""]);Object(h["watch"])((function(){return e.theme}),(function(){if(e.theme){var t=oc()(e.theme.color).toRgb(),n={r:t.r,g:t.g,b:t.b,a:.3*t.a},o={r:t.r,g:t.g,b:t.b,a:.1*t.a};a.value=["rgba(".concat([n.r,n.g,n.b,n.a].join(","),")"),"rgba(".concat([o.r,o.g,o.b,o.a].join(","),")")]}}),{immediate:!0});var r=Object(h["computed"])({get:function(){return e.data},set:function(e){n("change",e)}}),l=Object(h["ref"])([]),i=Object(h["computed"])((function(){return l.value.reduce((function(e,t){return e+t}))}));Object(h["watch"])([function(){return e.colWidths},function(){return e.width}],(function(){l.value=e.colWidths.map((function(t){return t*e.width}))}),{immediate:!0});var u=Object(h["ref"])(!1),d=Object(h["ref"])([]),s=Object(h["ref"])([]),f=function(){d.value=[],s.value=[]};Object(h["watch"])((function(){return e.editable}),(function(){e.editable||f()}));var p=Object(h["computed"])((function(){for(var e=[],t=1;tX
Y
',1),Kd={class:"row"},$d=Object(h["createVNode"])("div",{style:{flex:"3"}},"大小：",-1),Qd={key:1,style:{flex:"1"}},es=Object(h["createStaticVNode"])('宽
高
一段测试文字，字号固定为28px
',\n },\n {\n id: 'xxx3',\n type: 'image',\n left: 80,\n top: 250,\n width: 180,\n height: 180,\n rotate: 0,\n outline: {\n width: 4,\n style: 'solid',\n color: '#333'\n },\n clip: {\n range: [[30, 0], [100, 70]],\n shape: 'ellipse'\n },\n fixedRatio: false,\n lock: false,\n src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/1573622467064v2-7aa3ce420052983d91c6d01b47a7441d_hd.jpg',\n },\n {\n id: 'xxx2',\n type: 'image',\n left: 750,\n top: 320,\n width: 150,\n height: 150,\n rotate: 0,\n fixedRatio: true,\n lock: false,\n src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/62d9adb3-e7a6-4dc4-a352-095cffb49f08/b1be1a2f-f893-47d3-a8a3-eac7d04d395f/1596159381259v2-b2c69096d25ae16bf6ca09e30add3e65_hd.jpg',\n },\n ],\n animations: [\n {\n elId: 'xxx1',\n type: 'rotateIn',\n duration: 1000,\n },\n {\n elId: 'xxx2',\n type: 'zoomIn',\n duration: 1000,\n },\n ],\n },\n {\n id: 'sajd172',\n elements: [\n {\n id: 'yyx1',\n type: 'text',\n left: 590,\n top: 90,\n width: 220,\n height: 188,\n rotate: 0,\n opacity: 1,\n lock: false,\n content: '😀 😐 😶 😜 🔔 ⭐ ⚡ 🔥 👍 💡 🔰 🎀 🎁 🥇 🏅 🏆 🎈 🎉 💎 🚧 ⛔ 📢 ⌛ ⏰ 🕒 🧩 🎵 📎 🔒 🔑 ⛳ 📌 📍 💬 📅 📈 📋 📜 📁 📱 💻 💾 🌏 🚚 🚡 🚢💧 🌐 🧭 💰 💳 🛒
',\n },\n {\n id: 'xsfdas',\n type: 'line',\n width: 2,\n left: 100,\n top: 400,\n end: [0, 0],\n start: [300, 120],\n style: 'solid',\n color: '#888',\n points: ['', 'arrow'],\n },\n {\n id: 'xxx7',\n type: 'shape',\n left: 130,\n top: 50,\n width: 150,\n height: 150,\n rotate: 0,\n fill: '#eebc29',\n opacity: 0.9,\n fixedRatio: false,\n lock: false,\n viewBox: 1024,\n path: 'M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z',\n }\n ],\n animations: [\n {\n elId: 'yyx1',\n type: 'flipInX',\n duration: 1000,\n },\n ],\n },\n]","import { Slide, SlideTheme } from '@/types/slides'\r\nimport { CreatingElement } from '@/types/edit'\r\nimport { ToolbarState } from '@/types/toolbar'\r\nimport { slides } from '@/mocks/index'\r\nimport { SYS_FONTS } from '@/configs/font'\r\n\r\nexport interface State {\r\n activeElementIdList: string[];\r\n handleElementId: string;\r\n canvasPercentage: number;\r\n canvasScale: number;\r\n thumbnailsFocus: boolean;\r\n editorAreaFocus: boolean;\r\n disableHotkeys: boolean;\r\n showGridLines: boolean;\r\n creatingElement: CreatingElement | null;\r\n availableFonts: typeof SYS_FONTS;\r\n toolbarState: ToolbarState;\r\n theme: SlideTheme;\r\n slides: Slide[];\r\n slideIndex: number;\r\n snapshotCursor: number;\r\n snapshotLength: number;\r\n ctrlKeyState: boolean;\r\n shiftKeyState: boolean;\r\n screening: boolean;\r\n clipingImageElementId: string;\r\n}\r\n\r\nexport const state: State = {\r\n activeElementIdList: [],\r\n handleElementId: '',\r\n canvasPercentage: 90,\r\n canvasScale: 1,\r\n thumbnailsFocus: false,\r\n editorAreaFocus: false,\r\n disableHotkeys: false,\r\n showGridLines: false,\r\n creatingElement: null,\r\n availableFonts: [],\r\n toolbarState: 'slideStyle',\r\n theme: {\r\n themeColor: '#d14424',\r\n fontColor: '#333',\r\n fontName: '微软雅黑',\r\n backgroundColor: '#fff',\r\n },\r\n slides: slides,\r\n slideIndex: 0,\r\n snapshotCursor: -1,\r\n snapshotLength: 0,\r\n ctrlKeyState: false,\r\n shiftKeyState: false,\r\n screening: false,\r\n clipingImageElementId: '',\r\n}","import { GetterTree } from 'vuex'\r\nimport { State } from './state'\r\n\r\nexport const getters: GetterTree