基于 Vue 3.x + TypeScript 的在线演示文稿应用
",rotate:0,defaultFontName:"Microsoft Yahei",defaultColor:"#333"},{type:"line",id:"FnpZs4",left:361,top:238,start:[0,0],end:[549,0],points:["",""],color:"#5b9bd5",style:"solid",width:2}],background:{type:"solid",color:"#ffffff"}}],S={themeColor:"#5b9bd5",fontColor:"#333",fontName:"Microsoft Yahei",backgroundColor:"#fff"},C=n("b85c"),N=(n("b0c0"),function(e,t){return Array.isArray(e)&&e.indexOf(t.type)>-1||t.type===e}),x=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}}},T=function(e){return function(t){return x(t.$from,e)}},L=function(e){return function(t){return T((function(t){return N(e,t)}))(t)}},w=function(e,t){var n=t.schema.nodes[e];return!!L(n)(t.selection)},V=function(e){var t,n,o=e.state,c=o.selection,a=o.doc,r=c.from,l=a.nodeAt(r)||a.nodeAt(r-1);return null!==(t=l)&&void 0!==t&&t.lastChild&&(l=l.lastChild),(null===(n=l)||void 0===n?void 0:n.marks)||[]},_=function(e,t,n){var o,c=Object(C["a"])(e);try{for(c.s();!(o=c.n()).done;){var a=o.value;if(a.type.name===t&&a.attrs[n])return a.attrs[n]}}catch(r){c.e(r)}finally{c.f()}return null},B=function(e,t){var n,o=Object(C["a"])(e);try{for(o.s();!(n=o.n()).done;){var c=n.value;if(c.type.name===t)return!0}}catch(a){o.e(a)}finally{o.f()}return!1},D=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},M=function(e){var t=V(e),n=B(t,"strong"),o=B(t,"em"),c=B(t,"underline"),a=B(t,"strikethrough"),r=B(t,"superscript"),l=B(t,"subscript"),i=B(t,"code"),u=_(t,"forecolor","color")||"#000",d=_(t,"backcolor","backcolor")||"#000",s=_(t,"fontsize","fontsize")||"20px",f=_(t,"fontname","fontname")||"微软雅黑",p=D(e,"align")||"left",b=w("bullet_list",e.state),m=w("ordered_list",e.state),v=w("blockquote",e.state);return{bold:n,em:o,underline:c,strikethrough:a,superscript:r,subscript:l,code:i,color:u,backcolor:d,fontsize:s,fontname:f,align:p,bulletList:b,orderedList:m,blockquote:v}},A={bold:!1,em:!1,underline:!1,strikethrough:!1,superscript:!1,subscript:!1,code:!1,color:"#000",backcolor:"#000",fontsize:"20px",fontname:"微软雅黑",align:"left",bulletList:!1,orderedList:!1,blockquote:!1},P={activeElementIdList:[],handleElementId:"",activeGroupElementId:"",canvasPercentage:90,canvasScale:1,thumbnailsFocus:!1,editorAreaFocus:!1,disableHotkeys:!1,showGridLines:!1,creatingElement:null,availableFonts:[],toolbarState:"slideStyle",viewportRatio:.5625,theme:S,slides:I,slideIndex:0,selectedSlidesIndex:[],snapshotCursor:-1,snapshotLength:0,ctrlKeyState:!1,shiftKeyState:!1,screening:!1,clipingImageElementId:"",richTextAttrs:A,selectedTableCells:[],isScaling:!1},R=(n("d81d"),n("4de4"),n("caad"),n("2532"),n("7db0"),{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 ao["a"].fromSchema(Ao).parse(o)},Ro=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new co["c"](e,Object(Q["a"])({state:oo["b"].create({doc:Po(t),plugins:jo(Ao)})},n))},Fo=n("14b7");(function(e){e["EXEC_TEXT_COMMAND"]="EXEC_TEXT_COMMAND"})(Qn||(Qn={}));var Ho=Object(Fo["a"])(),zo=Ho,Uo=(n("6062"),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(Q["a"])(Object(Q["a"])({},r),{},{align:n}):Object(Q["a"])(Object(Q["a"])({},r),{},{align:null}),e=e.setNodeMarkup(c,a,r,o.marks)})),e):e}),Go=function(e,t){var n=e.state,o=n.schema,c=n.selection,a=Uo(n.tr.setSelection(c),o,t);e.dispatch(a)},qo=function(e,t){return e.type===t.nodes.bullet_list||e.type===t.nodes.ordered_list},Xo=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=T((function(e){return qo(e,c)}))(a);if(i.depth>=1&&u&&i.depth-u.depth<=1){if(u.node.type===e)return Object(so["b"])(t)(n,o);if(qo(u.node,c)&&e.validContent(u.node.content)){var d=n.tr;return d.setNodeMarkup(u.pos,e),o&&o(d),!1}}return Object(so["g"])(e)(n,o)}},Wo=Object(j["withScopeId"])("data-v-2ddaa919"),Yo=Wo((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("SvgWrapper");return e.outline?(Object(j["openBlock"])(),Object(j["createBlock"])(r,{key:0,class:"element-outline",overflow:"visible",width:e.width,height:e.height},{default:Wo((function(){return[Object(j["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?"10 6":"0 0"},null,8,["d","stroke","stroke-width","stroke-dasharray"])]})),_:1},8,["width","height"])):Object(j["createCommentVNode"])("",!0)})),Zo=Object(j["defineComponent"])({name:"element-outline",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},outline:{type:Object}},setup:function(e){var t=_n(Object(j["toRef"])(e,"outline")),n=t.outlineWidth,o=t.outlineStyle,c=t.outlineColor;return{outlineWidth:n,outlineStyle:o,outlineColor:c}}});n("d9a3");Zo.render=Yo,Zo.__scopeId="data-v-2ddaa919";var Jo=Zo,Ko=Object(j["defineComponent"])({name:"editable-element-text",components:{ElementOutline:Jo},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t,n=re(),o=Ve(),c=o.addHistorySnapshot,a=Object(j["ref"])(),r=Object(j["ref"])(),l=Object(j["computed"])((function(){return e.elementInfo.shadow})),i=In(l),u=i.shadowStyle,d=Object(j["computed"])((function(){return n.state.handleElementId})),s=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo,n))},f=Object(j["ref"])(-1),p=Object(j["computed"])((function(){return n.state.isScaling}));Object(j["watch"])(p,(function(){d.value===e.elementInfo.id&&(p.value||-1===f.value||(n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:f.value}}),f.value=-1))}));var b=function(t){var o=t[0].contentRect;if(a.value){var c=o.height;e.elementInfo.height!==c&&(p.value?f.value=c:n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:c}}))}},m=new ResizeObserver(b);Object(j["onMounted"])((function(){a.value&&m.observe(a.value)})),Object(j["onUnmounted"])((function(){a.value&&m.unobserve(a.value)}));var v=Object($["debounce"])((function(){n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{content:t.dom.innerHTML}}),c()}),300,{trailing:!0}),O=function(){"请输入内容"===e.elementInfo.content&&setTimeout((function(){Object(no["d"])(t.state,t.dispatch)}),0),n.commit(y.SET_DISABLE_HOTKEYS_STATE,!0)},h=function(){n.commit(y.SET_DISABLE_HOTKEYS_STATE,!1)},g=Object($["debounce"])((function(){var e=M(t);n.commit(y.SET_RICHTEXT_ATTRS,e)}),30,{trailing:!0}),k=function(){v(),g()},E=Object(j["computed"])((function(){return e.elementInfo.content}));Object(j["watch"])(E,(function(){t&&(t.hasFocus()||(t.dom.innerHTML=E.value))}));var I=Object(j["computed"])((function(){return!e.elementInfo.lock}));Object(j["watch"])(I,(function(){t.setProps({editable:function(){return I.value}})})),Object(j["onMounted"])((function(){t=Ro(r.value,E.value,{handleDOMEvents:{focus:O,blur:h,keydown:k,click:g},editable:function(){return I.value}})})),Object(j["onUnmounted"])((function(){t&&t.destroy()}));var S=function(n){if(d.value===e.elementInfo.id){var o,c="command"in n?[n]:n,a=Object(C["a"])(c);try{for(a.s();!(o=a.n()).done;){var r=o.value;if("fontname"===r.command&&r.value){var l=t.state.schema.marks.fontname.create({fontname:r.value}),i=t.state.selection.empty;i&&Object(no["d"])(t.state,t.dispatch);var u=t.state.selection,s=u.$from,f=u.$to;t.dispatch(t.state.tr.addMark(s.pos,f.pos,l))}else if("fontsize"===r.command&&r.value){var p=t.state.schema.marks.fontsize.create({fontsize:r.value}),b=t.state.selection.empty;b&&Object(no["d"])(t.state,t.dispatch);var m=t.state.selection,O=m.$from,h=m.$to;t.dispatch(t.state.tr.addMark(O.pos,h.pos,p))}else if("color"===r.command&&r.value){var j=t.state.schema.marks.forecolor.create({color:r.value}),y=t.state.selection.empty;y&&Object(no["d"])(t.state,t.dispatch);var k=t.state.selection,E=k.$from,I=k.$to;t.dispatch(t.state.tr.addMark(E.pos,I.pos,j))}else if("backcolor"===r.command&&r.value){var S=t.state.schema.marks.backcolor.create({backcolor:r.value}),N=t.state.selection.empty;N&&Object(no["d"])(t.state,t.dispatch);var x=t.state.selection,T=x.$from,L=x.$to;t.dispatch(t.state.tr.addMark(T.pos,L.pos,S))}else if("bold"===r.command){var w=t.state.selection.empty;w&&Object(no["d"])(t.state,t.dispatch),Object(no["f"])(t.state.schema.marks.strong)(t.state,t.dispatch)}else if("em"===r.command){var V=t.state.selection.empty;V&&Object(no["d"])(t.state,t.dispatch),Object(no["f"])(t.state.schema.marks.em)(t.state,t.dispatch)}else if("underline"===r.command){var _=t.state.selection.empty;_&&Object(no["d"])(t.state,t.dispatch),Object(no["f"])(t.state.schema.marks.underline)(t.state,t.dispatch)}else if("strikethrough"===r.command){var B=t.state.selection.empty;B&&Object(no["d"])(t.state,t.dispatch),Object(no["f"])(t.state.schema.marks.strikethrough)(t.state,t.dispatch)}else if("subscript"===r.command)Object(no["f"])(t.state.schema.marks.subscript)(t.state,t.dispatch);else if("superscript"===r.command)Object(no["f"])(t.state.schema.marks.superscript)(t.state,t.dispatch);else if("blockquote"===r.command)Object(no["g"])(t.state.schema.nodes.blockquote)(t.state,t.dispatch);else if("code"===r.command)Object(no["f"])(t.state.schema.marks.code)(t.state,t.dispatch);else if("align"===r.command&&r.value)Go(t,r.value);else if("bulletList"===r.command){var D=t.state.schema.nodes,M=D.bullet_list,A=D.list_item;Xo(M,A)(t.state,t.dispatch)}else if("orderedList"===r.command){var P=t.state.schema.nodes,R=P.ordered_list,F=P.list_item;Xo(R,F)(t.state,t.dispatch)}else if("clear"===r.command){var H=t.state.selection.empty;H&&Object(no["d"])(t.state,t.dispatch);var z=t.state.selection,U=z.$from,G=z.$to;t.dispatch(t.state.tr.removeMark(U.pos,G.pos))}}}catch(q){a.e(q)}finally{a.f()}t.focus(),v(),g()}};return zo.on(Qn.EXEC_TEXT_COMMAND,S),Object(j["onUnmounted"])((function(){zo.off(Qn.EXEC_TEXT_COMMAND,S)})),{elementRef:a,editorViewRef:r,handleSelectElement:s,shadowStyle:u}}});n("660a");Ko.render=to,Ko.__scopeId="data-v-69945d18";var Qo=Ko,$o=Object(j["withScopeId"])("data-v-6ed7d252");Object(j["pushScopeId"])("data-v-6ed7d252");var ec={key:0};Object(j["popScopeId"])();var tc=$o((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("GradientDefs"),l=Object(j["resolveComponent"])("SvgWrapper"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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"}},[Object(j["createVNode"])("div",{class:"rotate-wrapper",style:{transform:"rotate(".concat(e.elementInfo.rotate,"deg)")}},[Object(j["withDirectives"])(Object(j["createVNode"])("div",{class:"element-content",style:{opacity:e.elementInfo.opacity,filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):"",transform:e.flipStyle},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(j["createVNode"])(l,{overflow:"visible",width:e.elementInfo.width,height:e.elementInfo.height},{default:$o((function(){return[e.elementInfo.gradient?(Object(j["openBlock"])(),Object(j["createBlock"])("defs",ec,[Object(j["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(j["createCommentVNode"])("",!0),Object(j["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(j["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 6":"0 0"},null,8,["d","fill","stroke","stroke-width","stroke-dasharray"])],8,["transform"])]})),_:1},8,["width","height"])],36),[[i,e.contextmenus]])],4)],6)}));function nc(e,t,n,o,c,a){return"linear"===e.type?(Object(j["openBlock"])(),Object(j["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(j["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(j["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id","gradientTransform"])):(Object(j["openBlock"])(),Object(j["createBlock"])("radialGradient",{key:1,id:e.id},[Object(j["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(j["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id"]))}var oc=Object(j["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}}});oc.render=nc;var cc=oc,ac=Object(j["defineComponent"])({name:"editable-element-shape",components:{GradientDefs:cc},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(j["computed"])((function(){return e.elementInfo.outline})),o=_n(n),c=o.outlineWidth,a=o.outlineStyle,r=o.outlineColor,l=Object(j["computed"])((function(){return e.elementInfo.shadow})),i=In(l),u=i.shadowStyle,d=Object(j["computed"])((function(){return e.elementInfo.flipH})),s=Object(j["computed"])((function(){return e.elementInfo.flipV})),f=Sn(d,s),p=f.flipStyle;return{handleSelectElement:t,shadowStyle:u,outlineWidth:c,outlineStyle:a,outlineColor:r,flipStyle:p}}});n("cff1");ac.render=tc,ac.__scopeId="data-v-6ed7d252";var rc=ac,lc=Object(j["withScopeId"])("data-v-7d3d40d6"),ic=lc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("LinePointMarker"),l=Object(j["resolveComponent"])("SvgWrapper"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px"}},[Object(j["createVNode"])("div",{class:"element-content",style:{filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(j["createVNode"])(l,{overflow:"visible",width:e.svgWidth,height:e.svgHeight},{default:lc((function(){return[Object(j["createVNode"])("defs",null,[e.elementInfo.points[0]?(Object(j["openBlock"])(),Object(j["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(j["createCommentVNode"])("",!0),e.elementInfo.points[1]?(Object(j["openBlock"])(),Object(j["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(j["createCommentVNode"])("",!0)]),Object(j["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(j["withDirectives"])(Object(j["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 uc(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["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(j["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 dc={dot:"m0 5a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z",arrow:"M0,0 L10,5 0,10 Z"},sc={"arrow-start":180,"arrow-end":0},fc=Object(j["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(j["computed"])((function(){return dc[e.type]})),n=Object(j["computed"])((function(){return sc["".concat(e.type,"-").concat(e.position)]||0})),o=Object(j["computed"])((function(){return e.baseSize<2?2:e.baseSize}));return{path:t,rotate:n,size:o}}});fc.render=uc;var pc=fc,bc=Object(j["defineComponent"])({name:"editable-element-shape",components:{LinePointMarker:pc},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(j["computed"])((function(){return e.elementInfo.shadow})),o=In(n),c=o.shadowStyle,a=Object(j["computed"])((function(){var t=Math.abs(e.elementInfo.start[0]-e.elementInfo.end[0]);return t<24?24:t})),r=Object(j["computed"])((function(){var t=Math.abs(e.elementInfo.start[1]-e.elementInfo.end[1]);return t<24?24:t})),l=Object(j["computed"])((function(){return"dashed"===e.elementInfo.style?"10 6":"0 0"})),i=Object(j["computed"])((function(){var t=e.elementInfo.start.join(","),n=e.elementInfo.end.join(",");if(e.elementInfo.broken){var o=e.elementInfo.broken.join(",");return"M".concat(t," L").concat(o," L").concat(n)}if(e.elementInfo.curve){var c=e.elementInfo.curve.join(",");return"M".concat(t," Q").concat(c," ").concat(n)}return"M".concat(t," L").concat(n)}));return{handleSelectElement:t,shadowStyle:c,svgWidth:a,svgHeight:r,lineDashArray:l,path:i}}});n("b7b4");bc.render=ic,bc.__scopeId="data-v-7d3d40d6";var mc=bc,vc=Object(j["withScopeId"])("data-v-d2dd6e5c"),Oc=vc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("ElementOutline"),l=Object(j["resolveComponent"])("Chart"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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"}},[Object(j["withDirectives"])(Object(j["createVNode"])("div",{class:"element-content",style:{backgroundColor:e.elementInfo.fill},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(j["createVNode"])(r,{width:e.elementInfo.width,height:e.elementInfo.height,outline:e.elementInfo.outline},null,8,["width","height","outline"]),Object(j["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"])],36),[[i,e.contextmenus]])],6)})),hc=Object(j["withScopeId"])("data-v-af0af162");Object(j["pushScopeId"])("data-v-af0af162");var jc={class:"chart"};Object(j["popScopeId"])();var gc=hc((function(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["createBlock"])("div",jc,[Object(j["createVNode"])("div",{class:"chart-content",ref:"chartRef",style:{width:e.width+"px",height:e.height+"px",transform:"scale(".concat(1/e.slideScale,")")}},null,4)])})),yc=n("66cb"),kc=n.n(yc),Ec=n("ba48"),Ic=n.n(Ec),Sc=(n("aa97"),Object(j["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(j["ref"])(),o=Object(j["inject"])("slideScale")||Object(j["ref"])(1),c=function(){var t=e.options||{},n=Object(Q["a"])(Object(Q["a"])({},t),{},{width:e.width*o.value,height:e.height*o.value}),c="pie"===e.type?Object(Q["a"])(Object(Q["a"])({},e.data),{},{series:e.data.series[0]}):e.data;return{data:c,options:n}},a=function(){if(n.value){var o=Object($["upperFirst"])(e.type),a=c(),r=a.data,l=a.options;t=new Ic.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(j["watch"])([function(){return e.width},function(){return e.height},function(){return e.data},o],r),Object(j["onMounted"])(a);var l=function(){if(n.value)for(var t=kc()(e.themeColor).analogous(10),o=0;o<10;o++){var c=t[o].toRgbString();n.value.style.setProperty("--theme-color-".concat(o+1),c)}};Object(j["watch"])((function(){return e.themeColor}),l),Object(j["onMounted"])(l);var i=function(){n.value&&e.gridColor&&n.value.style.setProperty("--grid-color",e.gridColor)};return Object(j["watch"])((function(){return e.gridColor}),i),Object(j["onMounted"])(i),{slideScale:o,chartRef:n}}}));n("f3cc"),n("3ebd");Sc.render=gc,Sc.__scopeId="data-v-af0af162";var Cc=Sc,Nc=Object(j["defineComponent"])({name:"editable-element-chart",components:{ElementOutline:Jo,Chart:Cc},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("d32e");Nc.render=Oc,Nc.__scopeId="data-v-d2dd6e5c";var xc=Nc,Tc=Object(j["withScopeId"])("data-v-10d814ca");Object(j["pushScopeId"])("data-v-10d814ca");var Lc={class:"element-content"};Object(j["popScopeId"])();var wc=Tc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("EditableTable"),l=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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(j["withDirectives"])(Object(j["createVNode"])("div",Lc,[Object(j["createVNode"])(r,{onMousedown:t[1]||(t[1]=Object(j["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(j["openBlock"])(),Object(j["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(j["createVNode"])("div",{class:"mask-tip",style:{transform:"scale(".concat(1/e.canvasScale,")")}},"双击编辑",4)],34)):Object(j["createCommentVNode"])("",!0)],512),[[l,e.contextmenus]])],6)})),Vc=(n("13d5"),Object(j["withScopeId"])("data-v-a158836c"));Object(j["pushScopeId"])("data-v-a158836c");var _c={key:0,class:"handler"};Object(j["popScopeId"])();var Bc=Vc((function(e,t,n,o,c,a){var r,l,i,u,d,s=Object(j["resolveComponent"])("CustomTextarea"),f=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:"editable-table",style:{width:e.totalWidth+"px"}},[e.editable?(Object(j["openBlock"])(),Object(j["createBlock"])("div",_c,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.dragLinePosition,(function(t,n){return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:"drag-line",key:n,style:{left:t+"px"},onMousedown:function(t){return e.handleMousedownColHandler(t,n)}},null,44,["onMousedown"])})),128))])):Object(j["createCommentVNode"])("",!0),Object(j["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(j["createVNode"])("colgroup",null,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.colSizeList,(function(e,t){return Object(j["openBlock"])(),Object(j["createBlock"])("col",{span:"1",key:t,width:e},null,8,["width"])})),128))]),Object(j["createVNode"])("tbody",null,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.tableCells,(function(t,n){return Object(j["openBlock"])(),Object(j["createBlock"])("tr",{key:n},[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(t,(function(t,o){return Object(j["withDirectives"])((Object(j["openBlock"])(),Object(j["createBlock"])("td",{class:["cell",{selected:e.selectedCells.includes("".concat(n,"_").concat(o))&&e.selectedCells.length>1,active:e.activedCell==="".concat(n,"_").concat(o)}],style:Object(Q["a"])({borderStyle:e.outline.style,borderColor:e.outline.color,borderWidth:e.outline.width+"px"},e.getTextStyle(t.style)),key:t.id,rowspan:t.rowspan,colspan:t.colspan,"data-cell-index":"".concat(n,"_").concat(o),onMousedown:function(t){return e.handleCellMousedown(t,n,o)},onMouseenter:function(t){return e.handleCellMouseenter(n,o)}},[e.activedCell==="".concat(n,"_").concat(o)?(Object(j["openBlock"])(),Object(j["createBlock"])(s,{key:0,class:["cell-text",{active:e.activedCell==="".concat(n,"_").concat(o)}],contenteditable:"plaintext-only",value:t.text,onUpdateValue:function(t){return e.handleInput(t,n,o)}},null,8,["class","value","onUpdateValue"])):(Object(j["openBlock"])(),Object(j["createBlock"])("div",{key:1,class:"cell-text",innerHTML:e.formatText(t.text)},null,8,["innerHTML"]))],46,["rowspan","colspan","data-cell-index","onMousedown","onMouseenter"])),[[j["vShow"],!e.hideCells.includes("".concat(n,"_").concat(o))],[f,function(t){return e.contextmenus(t)}]])})),128))])})),128))])],6)],4)})),Dc=(n("1276"),n("cc71"),function(e){if(!e)return{};var t=e.bold,n=e.em,o=e.underline,c=e.strikethrough,a=e.color,r=e.backcolor,l=e.fontsize,i=e.fontname,u=e.align,d="".concat(o?"underline":""," ").concat(c?"line-through":"");return" "===d&&(d="none"),{fontWeight:t?"bold":"normal",fontStyle:n?"italic":"normal",textDecoration:d,color:a||"#000",backgroundColor:r||"",fontSize:l||"14px",fontFamily:i||"微软雅黑",textAlign:u||"left"}}),Mc=function(e){return e.replace(/\n/g,"").replace(/ /g," ")},Ac=function(e){var t=Object(j["computed"])((function(){for(var t=[],n=0;nX
Y
',1),Ls={class:"row"},ws=Object(j["createVNode"])("div",{style:{flex:"3"}},"大小：",-1),Vs={key:1,style:{flex:"1"}},_s=Object(j["createStaticVNode"])('宽
高
PPTIST
',\n rotate: 0,\n defaultFontName: 'Microsoft Yahei',\n defaultColor: '#333'\n },\n {\n type: 'text',\n id: '7stmVP',\n left: 355,\n top: 253.25,\n width: 585,\n height: 56,\n content: '基于 Vue 3.x + TypeScript 的在线演示文稿应用
',\n rotate: 0,\n defaultFontName: 'Microsoft Yahei',\n defaultColor: '#333'\n },\n {\n type: 'line',\n id: 'FnpZs4',\n left: 361,\n top: 238,\n start: [0, 0],\n end: [549, 0],\n points: ['', ''],\n color: '#5b9bd5',\n style: 'solid',\n width: 2,\n },\n ],\n background: {\n type: 'solid',\n color: '#ffffff',\n },\n }\n]","import { SlideTheme } from '@/types/slides'\n\nexport const theme: SlideTheme = {\n themeColor: '#5b9bd5',\n fontColor: '#333',\n fontName: 'Microsoft Yahei',\n backgroundColor: '#fff',\n}","import { Node, NodeType, ResolvedPos, Mark } 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\n let node = doc.nodeAt(from) || doc.nodeAt(from - 1)\n if (node?.lastChild) node = node.lastChild\n\n return node?.marks || []\n}\n\nexport const getAttrValue = (marks: Mark[], markType: string, attr: string) => {\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 = (marks: Mark[], markType: string) => {\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 marks = getMarkAttrs(view)\n\n const isBold = isActiveMark(marks, 'strong')\n const isEm = isActiveMark(marks, 'em')\n const isUnderline = isActiveMark(marks, 'underline')\n const isStrikethrough = isActiveMark(marks, 'strikethrough')\n const isSuperscript = isActiveMark(marks, 'superscript')\n const isSubscript = isActiveMark(marks, 'subscript')\n const isCode = isActiveMark(marks, 'code')\n const color = getAttrValue(marks, 'forecolor', 'color') || '#000'\n const backcolor = getAttrValue(marks, 'backcolor', 'backcolor') || '#000'\n const fontsize = getAttrValue(marks, 'fontsize', 'fontsize') || '20px'\n const fontname = getAttrValue(marks, '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\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' | 'center'\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 CENTER = 'center',\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' | 'mid'\r\n\r\nexport const enum OperateLineHandlers {\r\n START = 'start',\r\n END = 'end',\r\n MID = 'mid',\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 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 B = 'B',\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 BACKSPACE = 'BACKSPACE',\n}\n\nexport const HOTKEY_DOC = [\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 / Backspace' },\n { label: '多选', value: '按住 Ctrl 或 Shift' },\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: 'Alt + F' },\n { label: '置底层', value: 'Alt + B' },\n { label: '锁定宽高比例', value: '按住 Ctrl 或 Shift' },\n { label: '创建水平 / 垂直线条', value: '按住 Ctrl 或 Shift' },\n { label: '切换焦点元素', value: 'Tab' },\n { label: '确认图片裁剪', value: 'Enter' },\n ],\n },\n {\n type: '表格编辑',\n children: [\n { label: '聚焦到下一个单元格', value: 'Tab' },\n { label: '在上方插入一行', value: 'Ctrl + ↑' },\n { label: '在下方插入一行', value: 'Ctrl + ↓' },\n { label: '在左侧插入一列', value: 'Ctrl + ←' },\n { label: '在右侧插入一列', value: 'Ctrl + →' },\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]","import { padStart } from 'lodash'\n\n/**\n * 生成随机码\n * @param len 随机码长度\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/**\n * 补足数字位数\n * @param digit 数字\n * @param len 位数\n */\nexport const fillDigit = (digit: number, len: number) => {\n return padStart('' + digit, len, '0')\n}","import Clipboard from 'clipboard'\n\n/**\n * 复制文本到剪贴板\n * @param text 文本内容\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\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","import { render } from \"./HotkeyDoc.vue?vue&type=template&id=47d0351b&scoped=true\"\nimport script from \"./HotkeyDoc.vue?vue&type=script&lang=js\"\nexport * from \"./HotkeyDoc.vue?vue&type=script&lang=js\"\n\nimport \"./HotkeyDoc.vue?vue&type=style&index=0&id=47d0351b&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-47d0351b\"\n\nexport default script","\n {{item.type}}
\n \n
\n \n {{hotkey.label}}
\n {{hotkey.value}}
\n \n
\n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\nimport { useStore } from '@/store'\nimport { saveAs } from 'file-saver'\n\nexport default defineComponent({\n name: 'export-dialog',\n setup(props, { emit }) {\n const store = useStore()\n const slides = computed(() => store.state.slides)\n\n\n const exportJSON = () => {\n const blob = new Blob([JSON.stringify(slides.value)], { type: '' })\n saveAs(blob, 'pptist_slides.json')\n }\n\n return {\n slides,\n exportJSON,\n emit,\n }\n },\n})\n","import { render } from \"./ExportDialog.vue?vue&type=template&id=a69a4592&scoped=true\"\nimport script from \"./ExportDialog.vue?vue&type=script&lang=ts\"\nexport * from \"./ExportDialog.vue?vue&type=script&lang=ts\"\n\nimport \"./ExportDialog.vue?vue&type=style&index=0&id=a69a4592&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-a69a4592\"\n\nexport default script","\nimport { computed, defineComponent, ref } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport useScreening from '@/hooks/useScreening'\nimport useSlideHandler from '@/hooks/useSlideHandler'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nimport HotkeyDoc from './HotkeyDoc.vue'\nimport ExportDialog from './ExportDialog.vue'\n\nexport default defineComponent({\n name: 'editor-header',\n components: {\n HotkeyDoc,\n ExportDialog,\n },\n setup() {\n const store = useStore()\n\n const { enterScreening, enterScreeningFromStart } = useScreening()\n const { createSlide, deleteSlide, resetSlides } = 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 hotkeyDrawerVisible = ref(false)\n const exportDialogVisible = ref(false)\n\n const goIssues = () => {\n window.open('https://github.com/pipipi-pikachu/PPTist/issues')\n }\n\n return {\n enterScreening,\n enterScreeningFromStart,\n createSlide,\n deleteSlide,\n redo,\n undo,\n toggleGridLines,\n showGridLines,\n resetSlides,\n hotkeyDrawerVisible,\n exportDialogVisible,\n goIssues,\n }\n },\n})\n","import { render } from \"./index.vue?vue&type=template&id=194e3ba2&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=194e3ba2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-194e3ba2\"\n\nexport default script","\n \n
\n {{slides}}\n \n \n \n
\n handleMousewheelCanvas($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","// 清除文字选区\nexport 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 } 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\ninterface PPTBaseElement {\n id: string;\n left: number;\n top: number;\n lock?: boolean;\n groupId?: string;\n width: number;\n height: number;\n}\n\nexport interface PPTTextElement extends PPTBaseElement {\n type: 'text';\n content: string;\n rotate: number;\n defaultFontName: string;\n defaultColor: string;\n outline?: PPTElementOutline;\n fill?: string;\n lineHeight?: number;\n wordSpace?: number;\n opacity?: number;\n shadow?: PPTElementShadow;\n}\n\nexport interface ImageOrShapeFlip {\n flipH?: boolean;\n flipV?: boolean;\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 ImageElementClip {\n range: [[number, number], [number, number]];\n shape: string;\n}\nexport interface PPTImageElement extends PPTBaseElement {\n type: 'image';\n fixedRatio: boolean;\n src: string;\n rotate: number;\n outline?: PPTElementOutline;\n filters?: ImageElementFilters;\n clip?: ImageElementClip;\n flipH?: boolean;\n flipV?: boolean;\n shadow?: PPTElementShadow;\n}\n\nexport interface ShapeGradient {\n type: 'linear' | 'radial';\n color: [string, string];\n rotate: number;\n}\nexport interface PPTShapeElement extends PPTBaseElement {\n type: 'shape';\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 flipH?: boolean;\n flipV?: boolean;\n shadow?: PPTElementShadow;\n}\n\nexport interface PPTLineElement extends Omit\n \n handleClip(range)\"\n />\n
\n \n\n\n\n\n\n","import { computed, Ref } from 'vue'\nimport { PPTElementShadow } from '@/types/slides'\n\n// 计算元素的阴影样式\nexport default (shadow: Ref handleSelectElement($event)\" \n >\n
\n \n ![\"\"\n]()
\n
\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 \n \n
\n \n\n\n\n\n\n","import { splitListItem, liftListItem, sinkListItem } from 'prosemirror-schema-list'\nimport { Schema } from 'prosemirror-model'\nimport { undo, redo } from 'prosemirror-history'\nimport { undoInputRule } from 'prosemirror-inputrules'\nimport {\n toggleMark,\n selectParentNode,\n joinUp,\n joinDown,\n Command,\n} from 'prosemirror-commands'\n\nexport const buildKeymap = (schema: Schema) => {\n const keys = {}\n const bind = (key: string, cmd: Command) => keys[key] = cmd\n\n bind('Alt-ArrowUp', joinUp)\n bind('Alt-ArrowDown', joinDown)\n bind('Ctrl-z', undo)\n bind('Ctrl-y', redo)\n bind('Backspace', undoInputRule)\n bind('Escape', selectParentNode)\n bind('Ctrl-b', toggleMark(schema.marks.strong))\n bind('Ctrl-i', toggleMark(schema.marks.em))\n bind('Ctrl-u', toggleMark(schema.marks.underline))\n bind('Ctrl-d', toggleMark(schema.marks.strikethrough))\n\n bind('Enter', splitListItem(schema.nodes.list_item))\n bind('Mod-[', liftListItem(schema.nodes.list_item))\n bind('Mod-]', sinkListItem(schema.nodes.list_item))\n\n return keys\n}","import { NodeType, Schema } from 'prosemirror-model'\nimport {\n inputRules,\n wrappingInputRule,\n textblockTypeInputRule,\n smartQuotes,\n emDash,\n ellipsis,\n} from 'prosemirror-inputrules'\n\nconst blockQuoteRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*>\\s$/, nodeType)\n\nconst orderedListRule = (nodeType: NodeType) => (\n wrappingInputRule(\n /^(\\d+)\\.\\s$/, \n nodeType, \n match => ({order: +match[1]}),\n (match, node) => node.childCount + node.attrs.order === +match[1],\n )\n)\n\nconst bulletListRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*([-+*])\\s$/, nodeType)\n\nconst codeBlockRule = (nodeType: NodeType) => textblockTypeInputRule(/^```$/, nodeType)\n\nexport const buildInputRules = (schema: Schema) => {\n const rules = [\n ...smartQuotes,\n ellipsis,\n emDash,\n ]\n rules.push(blockQuoteRule(schema.nodes.blockquote))\n rules.push(orderedListRule(schema.nodes.ordered_list))\n rules.push(bulletListRule(schema.nodes.bullet_list))\n rules.push(codeBlockRule(schema.nodes.code_block))\n\n return inputRules({ rules })\n}","import { keymap } from 'prosemirror-keymap'\nimport { Schema } from 'prosemirror-model'\nimport { history } from 'prosemirror-history'\nimport { baseKeymap } from 'prosemirror-commands'\nimport { dropCursor } from 'prosemirror-dropcursor'\nimport { gapCursor } from 'prosemirror-gapcursor'\n\nimport { buildKeymap } from './keymap'\nimport { buildInputRules } from './inputrules'\n\nexport const buildPlugins = (schema: Schema) => {\n return [\n buildInputRules(schema),\n keymap(buildKeymap(schema)),\n keymap(baseKeymap),\n dropCursor(),\n gapCursor(),\n history(),\n ]\n}","import { nodes } from 'prosemirror-schema-basic'\nimport { Node, NodeSpec } from 'prosemirror-model'\nimport { orderedList, bulletList, listItem } from 'prosemirror-schema-list'\n\nconst _orderedList: NodeSpec = {\n ...orderedList,\n content: 'list_item+',\n group: 'block',\n}\n\nconst _bulletList: NodeSpec = {\n ...bulletList,\n content: 'list_item+',\n group: 'block',\n}\n\nconst _listItem: NodeSpec = {\n ...listItem,\n content: 'paragraph block*',\n group: 'block',\n}\n\nconst paragraph: NodeSpec = {\n attrs: {\n align: {\n default: '',\n },\n },\n content: 'inline*',\n group: 'block',\n parseDOM: [\n {\n tag: 'p',\n getAttrs: dom => {\n const { textAlign } = (dom as HTMLElement).style\n let align = (dom as HTMLElement).getAttribute('align') || textAlign || ''\n align = /(left|right|center|justify)/.test(align) ? align : ''\n \n return { align }\n }\n }\n ],\n toDOM: (node: Node) => {\n const { align } = node.attrs\n let style = ''\n if (align && align !== 'left') style += `text-align: ${align};`\n\n return ['p', { style }, 0]\n },\n}\n\nexport default {\n ...nodes,\n 'ordered_list': _orderedList,\n 'bullet_list': _bulletList,\n 'list_item': _listItem,\n paragraph,\n}\n","import { marks } from 'prosemirror-schema-basic'\nimport { MarkSpec } from 'prosemirror-model'\n\nconst subscript: MarkSpec = {\n excludes: 'subscript',\n parseDOM: [\n { tag: 'sub' },\n {\n style: 'vertical-align',\n getAttrs: value => value === 'sub' && null\n },\n ],\n toDOM: () => ['sub', 0],\n}\n\nconst superscript: MarkSpec = {\n excludes: 'superscript',\n parseDOM: [\n { tag: 'sup' },\n {\n style: 'vertical-align',\n getAttrs: value => value === 'super' && null\n },\n ],\n toDOM: () => ['sup', 0],\n}\n\nconst strikethrough: MarkSpec = {\n parseDOM: [\n { tag: 'strike' },\n {\n style: 'text-decoration',\n getAttrs: value => value === 'line-through' && null\n },\n {\n style: 'text-decoration-line',\n getAttrs: value => value === 'line-through' && null\n },\n ],\n toDOM: () => ['span', { style: 'text-decoration-line: line-through' }, 0],\n}\n\nconst underline: MarkSpec = {\n parseDOM: [\n { tag: 'u' },\n {\n style: 'text-decoration',\n getAttrs: value => value === 'underline' && null\n },\n {\n style: 'text-decoration-line',\n getAttrs: value => value === 'underline' && null\n },\n ],\n toDOM: () => ['span', { style: 'text-decoration: underline' }, 0],\n}\n\nconst forecolor: MarkSpec = {\n attrs: {\n color: {},\n },\n parseDOM: [\n {\n style: 'color',\n getAttrs: color => color ? { color } : {}\n },\n ],\n toDOM: mark => {\n const { color } = mark.attrs\n let style = ''\n if (color) style += `color: ${color};`\n return ['span', { style }, 0]\n },\n}\n\nconst backcolor: MarkSpec = {\n attrs: {\n backcolor: {},\n },\n inline: true,\n group: 'inline',\n parseDOM: [\n {\n tag: 'span[style*=background-color]',\n getAttrs: backcolor => backcolor ? { backcolor } : {}\n },\n ],\n toDOM: mark => {\n const { backcolor } = mark.attrs\n let style = ''\n if (backcolor) style += `background-color: ${backcolor};`\n return ['span', { style }, 0]\n },\n}\n\nconst fontsize: MarkSpec = {\n attrs: {\n fontsize: {},\n },\n inline: true,\n group: 'inline',\n parseDOM: [\n {\n style: 'font-size',\n getAttrs: fontsize => fontsize ? { fontsize } : {}\n },\n ],\n toDOM: mark => {\n const { fontsize } = mark.attrs\n let style = ''\n if (fontsize) style += `font-size: ${fontsize}`\n return ['span', { style }, 0]\n },\n}\n\nconst fontname: MarkSpec = {\n attrs: {\n fontname: {},\n },\n inline: true,\n group: 'inline',\n parseDOM: [\n {\n style: 'font-family',\n getAttrs: fontname => {\n return { fontname: fontname && typeof fontname === 'string' ? fontname.replace(/[\\\"\\']/g, '') : '' }\n }\n },\n ],\n toDOM: mark => {\n const { fontname } = mark.attrs\n let style = ''\n if (fontname) style += `font-family: ${fontname}`\n return ['span', { style }, 0]\n },\n}\n\nexport default {\n ...marks,\n subscript,\n superscript,\n strikethrough,\n underline,\n forecolor,\n backcolor,\n fontsize,\n fontname,\n}","import nodes from './nodes'\nimport marks from './marks'\n\nexport const schemaNodes = nodes\nexport const schemaMarks = marks\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 = ` handleSelectElement($event)\"\n >\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 { Schema, Node, NodeType } from 'prosemirror-model'\nimport { Transaction } from 'prosemirror-state'\nimport { EditorView } from 'prosemirror-view'\n\nexport const setTextAlign = (tr: Transaction, schema: Schema, alignment: string) => {\n const { selection, doc } = tr\n if (!selection || !doc) return tr\n\n const { from, to } = selection\n const { nodes } = schema\n\n const blockquote = nodes.blockquote\n const listItem = nodes.list_item\n const paragraph = nodes.paragraph\n\n interface Task {\n node: Node;\n pos: number;\n nodeType: NodeType;\n }\n\n const tasks: Task[] = []\n alignment = alignment || ''\n\n const allowedNodeTypes = new Set([blockquote, listItem, paragraph])\n\n doc.nodesBetween(from, to, (node, pos) => {\n const nodeType = node.type\n const align = node.attrs.align || ''\n if (align !== alignment && allowedNodeTypes.has(nodeType)) {\n tasks.push({\n node,\n pos,\n nodeType,\n })\n }\n return true\n })\n\n if (!tasks.length) return tr\n\n tasks.forEach(task => {\n const { node, pos, nodeType } = task\n let { attrs } = node\n if (alignment) attrs = { ...attrs, align: alignment }\n else attrs = { ...attrs, align: null }\n tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks)\n })\n\n return tr\n}\n\nexport const alignmentCommand = (view: EditorView, alignment: string) => {\n const { state } = view\n const { schema, selection } = state\n const tr = setTextAlign(\n state.tr.setSelection(selection),\n schema,\n alignment,\n )\n view.dispatch(tr)\n}","import { wrapInList, liftListItem } from 'prosemirror-schema-list'\nimport { Schema, Node, NodeType } from 'prosemirror-model'\nimport { Transaction, EditorState } from 'prosemirror-state'\nimport { findParentNode } from '../utils'\n\nconst isList = (node: Node, schema: Schema) => {\n return (\n node.type === schema.nodes.bullet_list ||\n node.type === schema.nodes.ordered_list\n )\n}\n\nexport const toggleList = (listType: NodeType, itemType: NodeType) => {\n return (state: EditorState, dispatch: (tr: Transaction) => void) => {\n const { schema, selection } = state\n const { $from, $to } = selection\n const range = $from.blockRange($to)\n\n if (!range) return false\n\n const parentList = findParentNode((node: Node) => isList(node, schema))(selection)\n\n if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {\n if (parentList.node.type === listType) {\n return liftListItem(itemType)(state, dispatch)\n }\n\n if (isList(parentList.node, schema) && listType.validContent(parentList.node.content)) {\n const { tr } = state\n tr.setNodeMarkup(parentList.pos, listType)\n\n if (dispatch) dispatch(tr)\n\n return false\n }\n }\n\n return wrapInList(listType)(state, dispatch)\n }\n}\n","\n \n \n
\n \n\n\n\n\n\n","\r\n handleSelectElement($event)\"\n >\n \n \n \n \n \n \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 \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\n handleSelectElement($event)\"\r\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'\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","import { TableCellStyle } from '@/types/slides'\n\n/**\n * 计算单元格文本样式\n * @param style 单元格文本样式原数据\n */\nexport const getTextStyle = (style?: TableCellStyle) => {\n if (!style) return {}\n const {\n bold,\n em,\n underline,\n strikethrough,\n color,\n backcolor,\n fontsize,\n fontname,\n align,\n } = style\n\n let textDecoration = `${underline ? 'underline' : ''} ${strikethrough ? 'line-through' : ''}`\n if (textDecoration === ' ') textDecoration = 'none'\n \n return {\n fontWeight: bold ? 'bold' : 'normal',\n fontStyle: em ? 'italic' : 'normal',\n textDecoration,\n color: color || '#000',\n backgroundColor: backcolor || '',\n fontSize: fontsize || '14px',\n fontFamily: fontname || '微软雅黑',\n textAlign: align || 'left',\n }\n}\n\nexport const formatText = (text: string) => {\n return text.replace(/\\n/g, '').replace(/ /g, ' ')\n}","import { computed, Ref } from 'vue'\nimport { TableCell } from '@/types/slides'\n\n// 计算无效的单元格位置（被合并的单元格位置）集合\n\nexport default (cells: Ref\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\n\n","\nimport { defineComponent, onUnmounted, ref, watch } from 'vue'\n\nexport default defineComponent({\n name: 'custom-textarea',\n props: {\n value: {\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 { 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 0 200 A 50 100 0 1 1 200 200 L 0 200 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 0 0 L 150 0 L 200 200 L 50 200 L 0 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 75 0 L 125 0 L 175 25 L 200 75 L 200 125 L 175 175 L 125 200 L 75 200 L 25 175 L 0 125 L 0 75 L 25 25 L 75 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 0 0 L 200 100 L 200 200 L 0 200 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 0 L 100 0 L 0 100 L 0 200 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 viewBox: 200,\n path: 'M 180 160 A 100 100 0 1 0 100 200 L 200 200 L 200 160 L 180 160 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 0 L 0 0 L 200 200 L 0 200 L 200 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 20 C 60 60 140 -40 200 20 L 200 180 C 140 140 60 240 0 180 L 0 20 Z',\n },\n {\n viewBox: 200,\n path: 'M 0 20 C 40 -40 60 60 100 20 C 140 -40 160 60 200 20 L 200 180 C 140 240 160 140 100 180 C 40 240 60 140 0 180 L 0 20 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 viewBox: 200,\n path: 'M 0 0 L 200 100 L 0 200 L 60 100 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 0 L 0 100 L 200 200 L 140 100 L 200 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 0 L 80 0 L 200 100 L 80 200 L 0 200 L 120 100 L 0 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 200 0 L 120 0 L 0 100 L 120 200 L 200 200 L 80 100 L 200 0 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 200 L 180 200 L 180 40 L 200 40 L 160 0 L 120 40 L 140 40 L 140 160 L 0 160 L 0 200 Z'\n },\n {\n viewBox: 200,\n path: 'M 0 200 L 0 20 L 160 20 L 160 0 L 200 40 L 160 80 L 160 60 L 40 60 L 40 200 L 0 200 Z'\n },\n {\n viewBox: 200,\n path: 'M 40 180 L 180 180 L 180 40 L 200 40 L 160 0 L 120 40 L 140 40 L 140 140 L 40 140 L 40 120 L 0 160 L 40 200 L 40 180 Z'\n },\n {\n viewBox: 1024,\n path: 'M398.208 302.912V64L0 482.112l398.208 418.176V655.36c284.48 0 483.584 95.552 625.792 304.64-56.896-298.688-227.584-597.312-625.792-657.088z',\n },\n {\n viewBox: 1024,\n path: 'M625.792 302.912V64L1024 482.112l-398.208 418.176V655.36C341.312 655.36 142.208 750.912 0 960c56.896-298.688 227.584-597.312 625.792-657.088z',\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 viewBox: 1024,\n path: 'M917.96720197 1.08889505H106.03279803C53.56084718 1.08889505 9.37393998 45.27580225 9.37393998 97.74775309v5.52336372c0 19.33177108 8.28504494 41.42522469 22.0934536 55.23363205l331.40179753 392.15879462v325.87843379c0 16.57008987 8.28504494 30.37849854 22.09345359 35.90186098l209.88780469 104.94390299 2.76168121 2.76168121c27.61681602 11.04672615 55.23363335-8.28504494 55.23363335-38.66354218V550.66354348l331.40179753-392.15879462c35.90186097-41.42522469 30.37849854-102.18222047-11.04672616-135.32240022-11.04672615-13.80840865-33.14017975-22.0934536-55.23363335-22.09345359z',\n },\n {\n viewBox: 1024,\n path: 'M491.70164031 97.48884502a25.89076502 25.89076502 0 0 1 40.59671938 0L745.66415762 367.01171317a25.89076502 25.89076502 0 0 0 30.49932208 7.72839349l208.00640948-89.14190458a25.89076502 25.89076502 0 0 1 35.56096592 29.06238339l-115.18801541 554.96855704A103.56306132 103.56306132 0 0 1 803.14165689 952.14301275H220.85834311a103.56306132 103.56306132 0 0 1-101.4011828-82.51387024l-115.18801541-554.96855704a25.89076502 25.89076502 0 0 1 35.54802012-29.06238339l208.01935528 89.14190458a25.89076502 25.89076502 0 0 0 30.49932208-7.72839349l213.36579793-269.52286815z',\n },\n {\n viewBox: 1024,\n path: 'M643.02466884 387.7801525c19.85376751-88.69205333 33.718272-152.84087467 41.61900049-192.57389433C704.52292267 95.17283515 652.90057916 2.27555515 550.58614084 2.27555515c-92.26012484 0-138.59407685 45.84971417-165.91530666 137.49816969l-0.70087152 2.67605334c-16.40038399 74.13942085-41.47882668 131.61085116-74.6746315 172.73287031a189.06953915 189.06953915 0 0 1-143.04142182 70.44391902l-26.17434983 0.5606965C77.66380049 387.52529067 27.76177817 438.90551468 27.76177817 501.84374084V881.55022182c0 77.4144 62.25009818 140.17422182 139.05282766 140.17422303h492.82707951c101.23127467 0 191.59267516-63.995904 225.93535999-159.98976l102.37815468-286.22301868c26.04691951-72.82688-11.39234134-153.15945284-83.63303784-179.42300483a138.04612267 138.04612267 0 0 0-47.17499733-8.30850884H643.02466884z',\n },\n {\n viewBox: 1024,\n path: 'M512 512c140.82958222 0 254.86222222-114.03264 254.86222222-254.86222222S652.82958222 2.27555555 512 2.27555555a254.78940445 254.78940445 0 0 0-254.86222222 254.86222223C257.13777778 397.96736 371.17041778 512 512 512z m0 72.81777778c-170.10232889 0-509.72444445 97.57582222-509.72444445 291.27111111v145.63555556h1019.4488889v-145.63555556c0-193.69528889-339.62211555-291.27111111-509.72444445-291.27111111z',\n },\n {\n viewBox: 1024,\n path: 'M1019.81297778 564.50161779l-138.89991111-472.51456c-8.66531556-25.99594668-29.43658667-43.45400889-57.21656889-43.45400891s-50.33528889 15.67402668-59.00060446 41.66997334l-92.00526221 274.48661334H351.69166222L259.6864 90.33045333c-8.66531556-25.99594668-31.22062222-41.66997333-59.00060444-41.66997332s-50.33528889 17.33063112-57.2165689 43.45400887L4.69674667 564.50161779c-5.22467555 17.33063112 1.78403556 36.44529778 15.67402667 46.89464887l491.11950221 368.27591113 492.77610666-368.27591113c13.76256-10.32192 20.77127111-29.43658667 15.54659557-46.89464887z',\n },\n {\n viewBox: 1024,\n path: 'M927.78951111 340.39277037c-12.01493333-47.81700741 12.01493333-124.03294815 89.08041481-150.97552592l-82.40545184-4.36906667s-31.19028148-109.22666667-174.27721483-118.9357037c-143.08693333-9.8304-236.65777778-3.64088889-236.65777777-3.6408889s106.07122963 67.47780741 63.5941926 187.74850371c-31.06891852 63.71555555-79.85682963 116.02299259-132.04290371 175.61220741-1.57771852 1.57771852-3.03407408 3.15543703-4.2477037 4.49042962C278.25493333 624.86755555 7.13007408 934.34311111 7.13007408 934.34311111c298.43152592 78.15774815 498.43768889-7.64586667 616.76657777-110.56165926 24.87940741-0.24272592 43.5693037-0.36408889 56.19105185-0.36408888 164.8109037 0 304.13558518-142.72284445 298.43152593-301.4656-3.88361482-109.1053037-38.71478518-133.74198518-50.72971852-181.5589926z',\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=588e8eb6&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=588e8eb6&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-588e8eb6\"\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 isBroken?: boolean;\n isCurve?: boolean;\n}\n\nexport const LINE_LIST = [\n {\n type: '直线',\n children: [\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', ''] },\n { path: 'M 0 0 L 20 20', style: 'dashed', points: ['', ''] },\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', 'arrow'] },\n { path: 'M 0 0 L 20 20', style: 'dashed', points: ['', 'arrow'] },\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', 'dot'] },\n ],\n },\n {\n type: '折线、曲线',\n children: [\n { path: 'M 0 0 L 0 20 L 20 20', style: 'solid', points: ['', 'arrow'], isBroken: true },\n { path: 'M 0 0 Q 0 20 20 20', style: 'solid', points: ['', 'arrow'], isCurve: true },\n ],\n },\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=723423cc&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=723423cc&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-723423cc\"\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 \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 handleClickSlideThumbnail($event, index)\"\n v-contextmenu=\"contextmenusThumbnailItem\"\n >\n
\n \n \n \n\n\n\n\n","\n \n\n\n\n\n","\n {{ fillDigit(index + 1, 2) }}
\n \n \n
\n\n\n","\n \n \n
\n \n\n\n\n\n\n","\nimport { computed, defineComponent, PropType } from 'vue'\nimport { PPTImageElement } from '@/types/slides'\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\nimport useElementFlip from '@/views/components/element/hooks/useElementFlip'\nimport useClipImage from './useClipImage'\nimport useFilter from './useFilter'\n\nimport ImageOutline from './ImageOutline/index.vue'\n\nexport default defineComponent({\n name: 'base-element-image',\n components: {\n ImageOutline,\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","\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\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'\nimport useElementFlip from '@/views/components/element/hooks/useElementFlip'\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 \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 { PPTElementOutline, TableCell, TableTheme } from '@/types/slides'\nimport { getTextStyle, formatText } from './utils'\nimport useHideCells from './useHideCells'\nimport useSubThemeColor from './useSubThemeColor'\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.label}}\n \n \n \n \n {{font.label}}\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","\n \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}}
\n \n \n \n
\n\n\n\n\n","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTImageElement, PPTShapeElement, ImageOrShapeFlip } from '@/types/slides'\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\n\nexport default defineComponent({\n name: 'element-flip',\n setup() {\n const store = useStore()\n const handleElement = computed\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 ElementFlip from '../common/ElementFlip.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 ElementFlip,\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 \n {{font.label}}\n \n \n \n \n {{font.label}}\n \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, ref, watch } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { PPTTableElement, TableCell, TableCellStyle, TableTheme } from '@/types/slides'\nimport { createRandomCode } from '@/utils/common'\nimport { WEB_FONTS } from '@/configs/font'\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\nconst webFonts = WEB_FONTS\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","\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { round } from 'lodash'\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 对齐：
\n \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 defaultDuration = 1000\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 \n
\n {{type.name}}：
\n \n
\n \n
\n \n {{item.name}}\n
\n \n updateElementAnimationDuration(value)\" \n style=\"flex: 3;\" \n />\n
\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 2\">\n \n \n \n\n \n \n \n \n
\n\n\n\n\n","import { computed } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTElement, Slide } from '@/types/slides'\r\nimport { ElementAlignCommand, ElementAlignCommands } from '@/types/edit'\r\nimport { getElementListRange, getRectRotatedOffset } from '@/utils/element'\r\nimport useHistorySnapshot from './useHistorySnapshot'\r\n\r\nexport default () => {\r\n const store = useStore()\r\n\r\n const activeElementIdList = computed(() => store.state.activeElementIdList)\r\n const activeElementList = computed\n handleInput($event)\"\n >\n
\n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\nimport { MutationTypes, useStore } from '@/store'\nimport { Slide } from '@/types/slides'\n\nexport default defineComponent({\n name: 'remark',\n props: {\n height: {\n type: Number,\n required: true,\n },\n },\n setup(props, { emit }) {\n const store = useStore()\n const currentSlide = computed resize($event)\"\n >
\n \n \n\n
\n\n\n\n\n","\n \n\n\n\n\n","\n \n
\n\n \n {{slideIndex + 1}} / {{slides.length}}\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","\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, onMounted, PropType, reactive, ref } from 'vue'\n\nconst penSize = 6\nconst rubberSize = 80\n\nexport default defineComponent({\n name: 'writing-board',\n props: {\n color: {\n type: String,\n default: '#ffcc00',\n },\n model: {\n type: String as PropType<'pen' | 'eraser'>,\n default: 'pen',\n },\n blackboard: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n let ctx: CanvasRenderingContext2D | null = null\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 \n\n\n\n\n","\nimport { computed, defineComponent } from 'vue'\n\nconst checkboardCache = {}\n\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=4ceed7b2&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=4ceed7b2&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4ceed7b2\"\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, clamp } from 'lodash'\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基于 Vue 3.x + TypeScript 的在线演示文稿应用
",rotate:0,defaultFontName:"Microsoft Yahei",defaultColor:"#333"},{type:"line",id:"FnpZs4",left:361,top:238,start:[0,0],end:[549,0],points:["",""],color:"#5b9bd5",style:"solid",width:2}],background:{type:"solid",color:"#ffffff"}}],S={themeColor:"#5b9bd5",fontColor:"#333",fontName:"Microsoft Yahei",backgroundColor:"#fff"},C=n("5530"),N=n("b85c"),x=(n("b0c0"),n("1913"),function(e,t){return Array.isArray(e)&&e.indexOf(t.type)>-1||t.type===e}),T=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}}},L=function(e){return function(t){return T(t.$from,e)}},w=function(e){return function(t){return L((function(t){return x(e,t)}))(t)}},V=function(e,t){var n=t.schema.nodes[e];return!!w(n)(t.selection)},_=function(e){var t,n,o=e.state,c=o.selection,a=o.doc,r=c.from,l=a.nodeAt(r)||a.nodeAt(r-1);return null!==(t=l)&&void 0!==t&&t.lastChild&&(l=l.lastChild),(null===(n=l)||void 0===n?void 0:n.marks)||[]},B=function(e,t,n){var o,c=Object(N["a"])(e);try{for(c.s();!(o=c.n()).done;){var a=o.value;if(a.type.name===t&&a.attrs[n])return a.attrs[n]}}catch(r){c.e(r)}finally{c.f()}return null},D=function(e,t){var n,o=Object(N["a"])(e);try{for(o.s();!(n=o.n()).done;){var c=n.value;if(c.type.name===t)return!0}}catch(a){o.e(a)}finally{o.f()}return!1},M=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},A={color:"#000",backcolor:"#000",fontsize:"20px",fontname:"微软雅黑",align:"left"},P=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t=Object(C["a"])(Object(C["a"])({},A),t);var n=_(e),o=D(n,"strong"),c=D(n,"em"),a=D(n,"underline"),r=D(n,"strikethrough"),l=D(n,"superscript"),i=D(n,"subscript"),u=D(n,"code"),d=B(n,"forecolor","color")||t.color,s=B(n,"backcolor","backcolor")||t.backcolor,f=B(n,"fontsize","fontsize")||t.fontsize,p=B(n,"fontname","fontname")||t.fontname,b=M(e,"align")||t.align,m=V("bullet_list",e.state),v=V("ordered_list",e.state),O=V("blockquote",e.state);return{bold:o,em:c,underline:a,strikethrough:r,superscript:l,subscript:i,code:u,color:d,backcolor:s,fontsize:f,fontname:p,align:b,bulletList:m,orderedList:v,blockquote:O}},R={bold:!1,em:!1,underline:!1,strikethrough:!1,superscript:!1,subscript:!1,code:!1,color:"#000",backcolor:"#000",fontsize:"20px",fontname:"微软雅黑",align:"left",bulletList:!1,orderedList:!1,blockquote:!1},F={activeElementIdList:[],handleElementId:"",activeGroupElementId:"",canvasPercentage:90,canvasScale:1,thumbnailsFocus:!1,editorAreaFocus:!1,disableHotkeys:!1,showGridLines:!1,creatingElement:null,availableFonts:[],toolbarState:"slideStyle",viewportRatio:.5625,theme:S,slides:I,slideIndex:0,selectedSlidesIndex:[],snapshotCursor:-1,snapshotLength:0,ctrlKeyState:!1,shiftKeyState:!1,screening:!1,clipingImageElementId:"",richTextAttrs:R,selectedTableCells:[],isScaling:!1},H=(n("d81d"),n("4de4"),n("caad"),n("2532"),n("7db0"),{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"),c="",a=Object(N["a"])(o);try{for(a.s();!(t=a.n()).done;){var r=t.value;r&&(c+="
".concat(r,"
"))}}catch(l){a.e(l)}finally{a.f()}return c}),Be=function(){var e=le(),t=Object(ee["debounce"])((function(){e.dispatch(k.ADD_SNAPSHOT)}),300,{trailing:!0}),n=Object(ee["throttle"])((function(){e.dispatch(k.RE_DO)}),100,{leading:!0,trailing:!1}),o=Object(ee["throttle"])((function(){e.dispatch(k.UN_DO)}),100,{leading:!0,trailing:!1});return{addHistorySnapshot:t,redo:n,undo:o}},De=(n("cb29"),function(e){return new Promise((function(t){var n=document.createElement("img");n.src=e,n.style.opacity="0",document.body.appendChild(n),n.onload=function(){var e=n.clientWidth,o=n.clientHeight;n.onload=null,n.onerror=null,document.body.removeChild(n),t({width:e,height:o})},n.onerror=function(){n.onload=null,n.onerror=null}}))}),Me=function(e){return new Promise((function(t){var n=new FileReader;n.addEventListener("load",(function(){t(n.result)})),n.readAsDataURL(e)}))},Ae=1e3,Pe=function(){var e=le(),t=Object(j["computed"])((function(){return e.state.theme.themeColor})),n=Object(j["computed"])((function(){return e.state.theme.fontColor})),o=Object(j["computed"])((function(){return e.state.theme.fontName})),c=Object(j["computed"])((function(){return e.state.viewportRatio})),a=Object(j["computed"])((function(){return e.state.creatingElement})),r=Be(),l=r.addHistorySnapshot,i=function(t){e.commit(y.ADD_ELEMENT,t),e.commit(y.SET_ACTIVE_ELEMENT_ID_LIST,[t.id]),a.value&&e.commit(y.SET_CREATING_ELEMENT,null),l()},u=function(e){De(e).then((function(t){var n=t.width,o=t.height,a=o/n;a".concat(e,"
"),n=new window.DOMParser,o=n.parseFromString(t,"text/html").body.firstElementChild;return lo["a"].fromSchema(Ro).parse(o)},Ho=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new ro["c"](e,Object(C["a"])({state:ao["b"].create({doc:Fo(t),plugins:yo(Ro)})},n))},zo=n("14b7");(function(e){e["EXEC_TEXT_COMMAND"]="EXEC_TEXT_COMMAND"})(eo||(eo={}));var Uo=Object(zo["a"])(),Go=Uo,qo=(n("6062"),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(C["a"])(Object(C["a"])({},r),{},{align:n}):Object(C["a"])(Object(C["a"])({},r),{},{align:null}),e=e.setNodeMarkup(c,a,r,o.marks)})),e):e}),Xo=function(e,t){var n=e.state,o=n.schema,c=n.selection,a=qo(n.tr.setSelection(c),o,t);e.dispatch(a)},Wo=function(e,t){return e.type===t.nodes.bullet_list||e.type===t.nodes.ordered_list},Yo=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=L((function(e){return Wo(e,c)}))(a);if(i.depth>=1&&u&&i.depth-u.depth<=1){if(u.node.type===e)return Object(po["b"])(t)(n,o);if(Wo(u.node,c)&&e.validContent(u.node.content)){var d=n.tr;return d.setNodeMarkup(u.pos,e),o&&o(d),!1}}return Object(po["g"])(e)(n,o)}},Zo=Object(j["withScopeId"])("data-v-2ddaa919"),Jo=Zo((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("SvgWrapper");return e.outline?(Object(j["openBlock"])(),Object(j["createBlock"])(r,{key:0,class:"element-outline",overflow:"visible",width:e.width,height:e.height},{default:Zo((function(){return[Object(j["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?"10 6":"0 0"},null,8,["d","stroke","stroke-width","stroke-dasharray"])]})),_:1},8,["width","height"])):Object(j["createCommentVNode"])("",!0)})),Ko=Object(j["defineComponent"])({name:"element-outline",props:{width:{type:Number,required:!0},height:{type:Number,required:!0},outline:{type:Object}},setup:function(e){var t=Dn(Object(j["toRef"])(e,"outline")),n=t.outlineWidth,o=t.outlineStyle,c=t.outlineColor;return{outlineWidth:n,outlineStyle:o,outlineColor:c}}});n("d9a3");Ko.render=Jo,Ko.__scopeId="data-v-2ddaa919";var Qo=Ko,$o=Object(j["defineComponent"])({name:"editable-element-text",components:{ElementOutline:Qo},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t,n=le(),o=Be(),c=o.addHistorySnapshot,a=Object(j["ref"])(),r=Object(j["ref"])(),l=Object(j["computed"])((function(){return e.elementInfo.shadow})),i=Cn(l),u=i.shadowStyle,d=Object(j["computed"])((function(){return n.state.handleElementId})),s=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo,n))},f=Object(j["ref"])(-1),p=Object(j["computed"])((function(){return n.state.isScaling}));Object(j["watch"])(p,(function(){d.value===e.elementInfo.id&&(p.value||-1===f.value||(n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:f.value}}),f.value=-1))}));var b=function(t){var o=t[0].contentRect;if(a.value){var c=o.height;e.elementInfo.height!==c&&(p.value?f.value=c:n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:c}}))}},m=new ResizeObserver(b);Object(j["onMounted"])((function(){a.value&&m.observe(a.value)})),Object(j["onUnmounted"])((function(){a.value&&m.unobserve(a.value)}));var v=Object(ee["debounce"])((function(){n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{content:t.dom.innerHTML}}),c()}),300,{trailing:!0}),O=function(){"请输入内容"===e.elementInfo.content&&setTimeout((function(){Object(co["d"])(t.state,t.dispatch)}),0),n.commit(y.SET_DISABLE_HOTKEYS_STATE,!0)},h=function(){n.commit(y.SET_DISABLE_HOTKEYS_STATE,!1)},g=Object(ee["debounce"])((function(){var o=P(t,{color:e.elementInfo.defaultColor,fontname:e.elementInfo.defaultFontName});n.commit(y.SET_RICHTEXT_ATTRS,o)}),30,{trailing:!0}),k=function(){v(),g()},E=Object(j["computed"])((function(){return e.elementInfo.content}));Object(j["watch"])(E,(function(){t&&(t.hasFocus()||(t.dom.innerHTML=E.value))}));var I=Object(j["computed"])((function(){return!e.elementInfo.lock}));Object(j["watch"])(I,(function(){t.setProps({editable:function(){return I.value}})})),Object(j["onMounted"])((function(){t=Ho(r.value,E.value,{handleDOMEvents:{focus:O,blur:h,keydown:k,click:g},editable:function(){return I.value}})})),Object(j["onUnmounted"])((function(){t&&t.destroy()}));var S=function(n){if(d.value===e.elementInfo.id){var o,c="command"in n?[n]:n,a=Object(N["a"])(c);try{for(a.s();!(o=a.n()).done;){var r=o.value;if("fontname"===r.command&&r.value){var l=t.state.schema.marks.fontname.create({fontname:r.value}),i=t.state.selection.empty;i&&Object(co["d"])(t.state,t.dispatch);var u=t.state.selection,s=u.$from,f=u.$to;t.dispatch(t.state.tr.addMark(s.pos,f.pos,l))}else if("fontsize"===r.command&&r.value){var p=t.state.schema.marks.fontsize.create({fontsize:r.value}),b=t.state.selection.empty;b&&Object(co["d"])(t.state,t.dispatch);var m=t.state.selection,O=m.$from,h=m.$to;t.dispatch(t.state.tr.addMark(O.pos,h.pos,p))}else if("color"===r.command&&r.value){var j=t.state.schema.marks.forecolor.create({color:r.value}),y=t.state.selection.empty;y&&Object(co["d"])(t.state,t.dispatch);var k=t.state.selection,E=k.$from,I=k.$to;t.dispatch(t.state.tr.addMark(E.pos,I.pos,j))}else if("backcolor"===r.command&&r.value){var S=t.state.schema.marks.backcolor.create({backcolor:r.value}),C=t.state.selection.empty;C&&Object(co["d"])(t.state,t.dispatch);var x=t.state.selection,T=x.$from,L=x.$to;t.dispatch(t.state.tr.addMark(T.pos,L.pos,S))}else if("bold"===r.command){var w=t.state.selection.empty;w&&Object(co["d"])(t.state,t.dispatch),Object(co["f"])(t.state.schema.marks.strong)(t.state,t.dispatch)}else if("em"===r.command){var V=t.state.selection.empty;V&&Object(co["d"])(t.state,t.dispatch),Object(co["f"])(t.state.schema.marks.em)(t.state,t.dispatch)}else if("underline"===r.command){var _=t.state.selection.empty;_&&Object(co["d"])(t.state,t.dispatch),Object(co["f"])(t.state.schema.marks.underline)(t.state,t.dispatch)}else if("strikethrough"===r.command){var B=t.state.selection.empty;B&&Object(co["d"])(t.state,t.dispatch),Object(co["f"])(t.state.schema.marks.strikethrough)(t.state,t.dispatch)}else if("subscript"===r.command)Object(co["f"])(t.state.schema.marks.subscript)(t.state,t.dispatch);else if("superscript"===r.command)Object(co["f"])(t.state.schema.marks.superscript)(t.state,t.dispatch);else if("blockquote"===r.command)Object(co["g"])(t.state.schema.nodes.blockquote)(t.state,t.dispatch);else if("code"===r.command)Object(co["f"])(t.state.schema.marks.code)(t.state,t.dispatch);else if("align"===r.command&&r.value)Xo(t,r.value);else if("bulletList"===r.command){var D=t.state.schema.nodes,M=D.bullet_list,A=D.list_item;Yo(M,A)(t.state,t.dispatch)}else if("orderedList"===r.command){var P=t.state.schema.nodes,R=P.ordered_list,F=P.list_item;Yo(R,F)(t.state,t.dispatch)}else if("clear"===r.command){var H=t.state.selection.empty;H&&Object(co["d"])(t.state,t.dispatch);var z=t.state.selection,U=z.$from,G=z.$to;t.dispatch(t.state.tr.removeMark(U.pos,G.pos))}}}catch(q){a.e(q)}finally{a.f()}t.focus(),v(),g()}};return Go.on(eo.EXEC_TEXT_COMMAND,S),Object(j["onUnmounted"])((function(){Go.off(eo.EXEC_TEXT_COMMAND,S)})),{elementRef:a,editorViewRef:r,handleSelectElement:s,shadowStyle:u}}});n("8cfc");$o.render=oo,$o.__scopeId="data-v-6ea570ec";var ec=$o,tc=Object(j["withScopeId"])("data-v-6ed7d252");Object(j["pushScopeId"])("data-v-6ed7d252");var nc={key:0};Object(j["popScopeId"])();var oc=tc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("GradientDefs"),l=Object(j["resolveComponent"])("SvgWrapper"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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"}},[Object(j["createVNode"])("div",{class:"rotate-wrapper",style:{transform:"rotate(".concat(e.elementInfo.rotate,"deg)")}},[Object(j["withDirectives"])(Object(j["createVNode"])("div",{class:"element-content",style:{opacity:e.elementInfo.opacity,filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):"",transform:e.flipStyle},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(j["createVNode"])(l,{overflow:"visible",width:e.elementInfo.width,height:e.elementInfo.height},{default:tc((function(){return[e.elementInfo.gradient?(Object(j["openBlock"])(),Object(j["createBlock"])("defs",nc,[Object(j["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(j["createCommentVNode"])("",!0),Object(j["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(j["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 6":"0 0"},null,8,["d","fill","stroke","stroke-width","stroke-dasharray"])],8,["transform"])]})),_:1},8,["width","height"])],36),[[i,e.contextmenus]])],4)],6)}));function cc(e,t,n,o,c,a){return"linear"===e.type?(Object(j["openBlock"])(),Object(j["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(j["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(j["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id","gradientTransform"])):(Object(j["openBlock"])(),Object(j["createBlock"])("radialGradient",{key:1,id:e.id},[Object(j["createVNode"])("stop",{offset:"0%","stop-color":e.color1},null,8,["stop-color"]),Object(j["createVNode"])("stop",{offset:"100%","stop-color":e.color2},null,8,["stop-color"])],8,["id"]))}var ac=Object(j["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}}});ac.render=cc;var rc=ac,lc=Object(j["defineComponent"])({name:"editable-element-shape",components:{GradientDefs:rc},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(j["computed"])((function(){return e.elementInfo.outline})),o=Dn(n),c=o.outlineWidth,a=o.outlineStyle,r=o.outlineColor,l=Object(j["computed"])((function(){return e.elementInfo.shadow})),i=Cn(l),u=i.shadowStyle,d=Object(j["computed"])((function(){return e.elementInfo.flipH})),s=Object(j["computed"])((function(){return e.elementInfo.flipV})),f=Nn(d,s),p=f.flipStyle;return{handleSelectElement:t,shadowStyle:u,outlineWidth:c,outlineStyle:a,outlineColor:r,flipStyle:p}}});n("cff1");lc.render=oc,lc.__scopeId="data-v-6ed7d252";var ic=lc,uc=Object(j["withScopeId"])("data-v-7d3d40d6"),dc=uc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("LinePointMarker"),l=Object(j["resolveComponent"])("SvgWrapper"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:["editable-element-shape",{lock:e.elementInfo.lock}],style:{top:e.elementInfo.top+"px",left:e.elementInfo.left+"px"}},[Object(j["createVNode"])("div",{class:"element-content",style:{filter:e.shadowStyle?"drop-shadow(".concat(e.shadowStyle,")"):""}},[Object(j["createVNode"])(l,{overflow:"visible",width:e.svgWidth,height:e.svgHeight},{default:uc((function(){return[Object(j["createVNode"])("defs",null,[e.elementInfo.points[0]?(Object(j["openBlock"])(),Object(j["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(j["createCommentVNode"])("",!0),e.elementInfo.points[1]?(Object(j["openBlock"])(),Object(j["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(j["createCommentVNode"])("",!0)]),Object(j["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(j["withDirectives"])(Object(j["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 sc(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["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(j["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 fc={dot:"m0 5a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z",arrow:"M0,0 L10,5 0,10 Z"},pc={"arrow-start":180,"arrow-end":0},bc=Object(j["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(j["computed"])((function(){return fc[e.type]})),n=Object(j["computed"])((function(){return pc["".concat(e.type,"-").concat(e.position)]||0})),o=Object(j["computed"])((function(){return e.baseSize<2?2:e.baseSize}));return{path:t,rotate:n,size:o}}});bc.render=sc;var mc=bc,vc=Object(j["defineComponent"])({name:"editable-element-shape",components:{LinePointMarker:mc},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(j["computed"])((function(){return e.elementInfo.shadow})),o=Cn(n),c=o.shadowStyle,a=Object(j["computed"])((function(){var t=Math.abs(e.elementInfo.start[0]-e.elementInfo.end[0]);return t<24?24:t})),r=Object(j["computed"])((function(){var t=Math.abs(e.elementInfo.start[1]-e.elementInfo.end[1]);return t<24?24:t})),l=Object(j["computed"])((function(){return"dashed"===e.elementInfo.style?"10 6":"0 0"})),i=Object(j["computed"])((function(){var t=e.elementInfo.start.join(","),n=e.elementInfo.end.join(",");if(e.elementInfo.broken){var o=e.elementInfo.broken.join(",");return"M".concat(t," L").concat(o," L").concat(n)}if(e.elementInfo.curve){var c=e.elementInfo.curve.join(",");return"M".concat(t," Q").concat(c," ").concat(n)}return"M".concat(t," L").concat(n)}));return{handleSelectElement:t,shadowStyle:c,svgWidth:a,svgHeight:r,lineDashArray:l,path:i}}});n("b7b4");vc.render=dc,vc.__scopeId="data-v-7d3d40d6";var Oc=vc,hc=Object(j["withScopeId"])("data-v-d2dd6e5c"),jc=hc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("ElementOutline"),l=Object(j["resolveComponent"])("Chart"),i=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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"}},[Object(j["withDirectives"])(Object(j["createVNode"])("div",{class:"element-content",style:{backgroundColor:e.elementInfo.fill},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(j["createVNode"])(r,{width:e.elementInfo.width,height:e.elementInfo.height,outline:e.elementInfo.outline},null,8,["width","height","outline"]),Object(j["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"])],36),[[i,e.contextmenus]])],6)})),gc=Object(j["withScopeId"])("data-v-af0af162");Object(j["pushScopeId"])("data-v-af0af162");var yc={class:"chart"};Object(j["popScopeId"])();var kc=gc((function(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["createBlock"])("div",yc,[Object(j["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("66cb"),Ic=n.n(Ec),Sc=n("ba48"),Cc=n.n(Sc),Nc=(n("aa97"),Object(j["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(j["ref"])(),o=Object(j["inject"])("slideScale")||Object(j["ref"])(1),c=function(){var t=e.options||{},n=Object(C["a"])(Object(C["a"])({},t),{},{width:e.width*o.value,height:e.height*o.value}),c="pie"===e.type?Object(C["a"])(Object(C["a"])({},e.data),{},{series:e.data.series[0]}):e.data;return{data:c,options:n}},a=function(){if(n.value){var o=Object(ee["upperFirst"])(e.type),a=c(),r=a.data,l=a.options;t=new Cc.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(j["watch"])([function(){return e.width},function(){return e.height},function(){return e.data},o],r),Object(j["onMounted"])(a);var l=function(){if(n.value)for(var t=Ic()(e.themeColor).analogous(10),o=0;o<10;o++){var c=t[o].toRgbString();n.value.style.setProperty("--theme-color-".concat(o+1),c)}};Object(j["watch"])((function(){return e.themeColor}),l),Object(j["onMounted"])(l);var i=function(){n.value&&e.gridColor&&n.value.style.setProperty("--grid-color",e.gridColor)};return Object(j["watch"])((function(){return e.gridColor}),i),Object(j["onMounted"])(i),{slideScale:o,chartRef:n}}}));n("f3cc"),n("3ebd");Nc.render=kc,Nc.__scopeId="data-v-af0af162";var xc=Nc,Tc=Object(j["defineComponent"])({name:"editable-element-chart",components:{ElementOutline:Qo,Chart:xc},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("d32e");Tc.render=jc,Tc.__scopeId="data-v-d2dd6e5c";var Lc=Tc,wc=Object(j["withScopeId"])("data-v-10d814ca");Object(j["pushScopeId"])("data-v-10d814ca");var Vc={class:"element-content"};Object(j["popScopeId"])();var _c=wc((function(e,t,n,o,c,a){var r=Object(j["resolveComponent"])("EditableTable"),l=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["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(j["withDirectives"])(Object(j["createVNode"])("div",Vc,[Object(j["createVNode"])(r,{onMousedown:t[1]||(t[1]=Object(j["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(j["openBlock"])(),Object(j["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(j["createVNode"])("div",{class:"mask-tip",style:{transform:"scale(".concat(1/e.canvasScale,")")}},"双击编辑",4)],34)):Object(j["createCommentVNode"])("",!0)],512),[[l,e.contextmenus]])],6)})),Bc=(n("13d5"),Object(j["withScopeId"])("data-v-a158836c"));Object(j["pushScopeId"])("data-v-a158836c");var Dc={key:0,class:"handler"};Object(j["popScopeId"])();var Mc=Bc((function(e,t,n,o,c,a){var r,l,i,u,d,s=Object(j["resolveComponent"])("CustomTextarea"),f=Object(j["resolveDirective"])("contextmenu");return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:"editable-table",style:{width:e.totalWidth+"px"}},[e.editable?(Object(j["openBlock"])(),Object(j["createBlock"])("div",Dc,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.dragLinePosition,(function(t,n){return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:"drag-line",key:n,style:{left:t+"px"},onMousedown:function(t){return e.handleMousedownColHandler(t,n)}},null,44,["onMousedown"])})),128))])):Object(j["createCommentVNode"])("",!0),Object(j["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(j["createVNode"])("colgroup",null,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.colSizeList,(function(e,t){return Object(j["openBlock"])(),Object(j["createBlock"])("col",{span:"1",key:t,width:e},null,8,["width"])})),128))]),Object(j["createVNode"])("tbody",null,[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(e.tableCells,(function(t,n){return Object(j["openBlock"])(),Object(j["createBlock"])("tr",{key:n},[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(t,(function(t,o){return Object(j["withDirectives"])((Object(j["openBlock"])(),Object(j["createBlock"])("td",{class:["cell",{selected:e.selectedCells.includes("".concat(n,"_").concat(o))&&e.selectedCells.length>1,active:e.activedCell==="".concat(n,"_").concat(o)}],style:Object(C["a"])({borderStyle:e.outline.style,borderColor:e.outline.color,borderWidth:e.outline.width+"px"},e.getTextStyle(t.style)),key:t.id,rowspan:t.rowspan,colspan:t.colspan,"data-cell-index":"".concat(n,"_").concat(o),onMousedown:function(t){return e.handleCellMousedown(t,n,o)},onMouseenter:function(t){return e.handleCellMouseenter(n,o)}},[e.activedCell==="".concat(n,"_").concat(o)?(Object(j["openBlock"])(),Object(j["createBlock"])(s,{key:0,class:["cell-text",{active:e.activedCell==="".concat(n,"_").concat(o)}],contenteditable:"plaintext-only",value:t.text,onUpdateValue:function(t){return e.handleInput(t,n,o)}},null,8,["class","value","onUpdateValue"])):(Object(j["openBlock"])(),Object(j["createBlock"])("div",{key:1,class:"cell-text",innerHTML:e.formatText(t.text)},null,8,["innerHTML"]))],46,["rowspan","colspan","data-cell-index","onMousedown","onMouseenter"])),[[j["vShow"],!e.hideCells.includes("".concat(n,"_").concat(o))],[f,function(t){return e.contextmenus(t)}]])})),128))])})),128))])],6)],4)})),Ac=(n("cc71"),function(e){if(!e)return{};var t=e.bold,n=e.em,o=e.underline,c=e.strikethrough,a=e.color,r=e.backcolor,l=e.fontsize,i=e.fontname,u=e.align,d="".concat(o?"underline":""," ").concat(c?"line-through":"");return" "===d&&(d="none"),{fontWeight:t?"bold":"normal",fontStyle:n?"italic":"normal",textDecoration:d,color:a||"#000",backgroundColor:r||"",fontSize:l||"14px",fontFamily:i||"微软雅黑",textAlign:u||"left"}}),Pc=function(e){return e.replace(/\n/g,"").replace(/ /g," ")},Rc=function(e){var t=Object(j["computed"])((function(){for(var t=[],n=0;n