基于 Vue 3.x + TypeScript 的在线演示文稿应用
"},{type:"line",id:"FnpZs4",left:361,top:238,start:[0,0],end:[549,0],points:["",""],color:"#d14424",style:"solid",width:2}],background:{type:"solid",color:"#ffffff"}}],S={activeElementIdList:[],handleElementId:"",canvasPercentage:90,canvasScale:1,thumbnailsFocus:!1,editorAreaFocus:!1,disableHotkeys:!1,showGridLines:!1,creatingElement:null,availableFonts:[],toolbarState:"slideStyle",theme:{themeColor:"#d14424",fontColor:"#333",fontName:"微软雅黑",backgroundColor:"#fff"},viewportRatio:.5625,slides:I,slideIndex:0,selectedSlidesIndex:[],snapshotCursor:-1,snapshotLength:0,ctrlKeyState:!1,shiftKeyState:!1,screening:!1,clipingImageElementId:""},C=(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 jc["a"].fromSchema(Jc).parse(o)},Qc=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return new hc["c"](e,Object(R["a"])({state:Oc["b"].create({doc:Kc(t),plugins:Vc(Jc)})},n))},$c=(n("b0c0"),function(e,t){return Array.isArray(e)&&e.indexOf(t.type)>-1||t.type===e}),ea=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}}},ta=function(e){return function(t){return ea(t.$from,e)}},na=function(e){return function(t){return ta((function(t){return $c(e,t)}))(t)}},oa=function(e,t){var n=t.schema.nodes[e];return!!na(n)(t.selection)},ca=function(e){var t=e.state,n=t.selection,o=t.doc,c=n.from,a=o.nodeAt(c);return(null===a||void 0===a?void 0:a.marks)||[]},aa=function(e,t,n){var o,c=ca(e),a=Object(ke["a"])(c);try{for(a.s();!(o=a.n()).done;){var r=o.value;if(r.type.name===t&&r.attrs[n])return r.attrs[n]}}catch(l){a.e(l)}finally{a.f()}return null},ra=function(e,t){var n,o=ca(e),c=Object(ke["a"])(o);try{for(c.s();!(n=c.n()).done;){var a=n.value;if(a.type.name===t)return!0}}catch(r){c.e(r)}finally{c.f()}return!1},la=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},ia=function(e){var t=ra(e,"strong"),n=ra(e,"em"),o=ra(e,"underline"),c=ra(e,"strikethrough"),a=ra(e,"superscript"),r=ra(e,"subscript"),l=ra(e,"code"),i=aa(e,"forecolor","color")||"#000",u=aa(e,"backcolor","backcolor")||"#000",d=aa(e,"fontsize","fontsize")||"20px",s=aa(e,"fontname","fontname")||"微软雅黑",f=la(e,"align")||"left",p=oa("bullet_list",e.state),b=oa("ordered_list",e.state),m=oa("blockquote",e.state);return{bold:t,em:n,underline:o,strikethrough:c,superscript:a,subscript:r,code:l,color:i,backcolor:u,fontsize:d,fontname:s,align:f,bulletList:p,orderedList:b,blockquote:m}},ua=(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(R["a"])(Object(R["a"])({},r),{},{align:n}):Object(R["a"])(Object(R["a"])({},r),{},{align:null}),e=e.setNodeMarkup(c,a,r,o.marks)})),e):e}),da=function(e,t){var n=e.state,o=n.schema,c=n.selection,a=ua(n.tr.setSelection(c),o,t);e.dispatch(a)},sa=function(e,t){return e.type===t.nodes.bullet_list||e.type===t.nodes.ordered_list},fa=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=ta((function(e){return sa(e,c)}))(a);if(i.depth>=1&&u&&i.depth-u.depth<=1){if(u.node.type===e)return Object(Ic["b"])(t)(n,o);if(sa(u.node,c)&&e.validContent(u.node.content)){var d=n.tr;return d.setNodeMarkup(u.pos,e),o&&o(d),!1}}return Object(Ic["g"])(e)(n,o)}},pa=Object(j["defineComponent"])({name:"editable-element-text",components:{ElementOutline:Dn},props:{elementInfo:{type:Object,required:!0},selectElement:{type:Function,required:!0},contextmenus:{type:Function}},setup:function(e){var t,n=Y(),o=Ne(),c=o.addHistorySnapshot,a=Object(j["ref"])(),r=Object(j["ref"])(!1),l=Object(j["ref"])(-1),i=Object(j["ref"])(),u=Object(j["computed"])((function(){return e.elementInfo.shadow})),d=cn(u),s=d.shadowStyle,f=Object(j["computed"])((function(){return n.state.handleElementId})),p=function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];e.elementInfo.lock||(t.stopPropagation(),e.selectElement(t,e.elementInfo,n))},b=function(t){r.value=t,t||-1===l.value||(n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:l.value}}),l.value=-1)};qo.on(Lo.SCALE_ELEMENT_STATE,(function(e){return b(e)})),Object(j["onUnmounted"])((function(){qo.off(Lo.SCALE_ELEMENT_STATE,(function(e){return b(e)}))}));var m=function(t){var o=t[0].contentRect;if(a.value){var c=o.height;e.elementInfo.height!==c&&(r.value?l.value=c:n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{height:c}}))}},v=new ResizeObserver(m);Object(j["onMounted"])((function(){a.value&&v.observe(a.value)})),Object(j["onUnmounted"])((function(){a.value&&v.unobserve(a.value)}));var O=Ie()((function(){n.commit(y.UPDATE_ELEMENT,{id:e.elementInfo.id,props:{content:t.dom.innerHTML}}),c()}),300,{trailing:!0}),h=function(){"请输入内容"===e.elementInfo.content&&(t.dom.innerHTML="",O()),n.commit(y.SET_DISABLE_HOTKEYS_STATE,!0)},g=function(){n.commit(y.SET_DISABLE_HOTKEYS_STATE,!1)},k=Ie()((function(){var e=ia(t);qo.emit(Lo.UPDATE_TEXT_STATE,e)}),30,{trailing:!0}),E=function(){O(),k()},I=Object(j["computed"])((function(){return e.elementInfo.content}));Object(j["watch"])(I,(function(){t&&(t.hasFocus()||(t.dom.innerHTML=I.value))}));var S=Object(j["computed"])((function(){return!e.elementInfo.lock}));Object(j["watch"])(S,(function(){t.setProps({editable:function(){return S.value}})})),Object(j["onMounted"])((function(){t=Qc(i.value,I.value,{handleDOMEvents:{focus:h,blur:g,keydown:E,click:k},editable:function(){return S.value}})})),Object(j["onUnmounted"])((function(){t&&t.destroy()}));var C=function(n){if(f.value===e.elementInfo.id){var o,c="command"in n?[n]:n,a=Object(ke["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(vc["d"])(t.state,t.dispatch);var u=t.state.selection,d=u.$from,s=u.$to;t.dispatch(t.state.tr.addMark(d.pos,s.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(vc["d"])(t.state,t.dispatch);var m=t.state.selection,v=m.$from,h=m.$to;t.dispatch(t.state.tr.addMark(v.pos,h.pos,p))}else if("color"===r.command&&r.value){var j=t.state.schema.marks.forecolor.create({color:r.value}),g=t.state.selection.empty;g&&Object(vc["d"])(t.state,t.dispatch);var y=t.state.selection,E=y.$from,I=y.$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(vc["d"])(t.state,t.dispatch);var N=t.state.selection,x=N.$from,T=N.$to;t.dispatch(t.state.tr.addMark(x.pos,T.pos,S))}else if("bold"===r.command){var L=t.state.selection.empty;L&&Object(vc["d"])(t.state,t.dispatch),Object(vc["f"])(t.state.schema.marks.strong)(t.state,t.dispatch)}else if("em"===r.command){var w=t.state.selection.empty;w&&Object(vc["d"])(t.state,t.dispatch),Object(vc["f"])(t.state.schema.marks.em)(t.state,t.dispatch)}else if("underline"===r.command){var V=t.state.selection.empty;V&&Object(vc["d"])(t.state,t.dispatch),Object(vc["f"])(t.state.schema.marks.underline)(t.state,t.dispatch)}else if("strikethrough"===r.command){var _=t.state.selection.empty;_&&Object(vc["d"])(t.state,t.dispatch),Object(vc["f"])(t.state.schema.marks.strikethrough)(t.state,t.dispatch)}else if("subscript"===r.command)Object(vc["f"])(t.state.schema.marks.subscript)(t.state,t.dispatch);else if("superscript"===r.command)Object(vc["f"])(t.state.schema.marks.superscript)(t.state,t.dispatch);else if("blockquote"===r.command)Object(vc["g"])(t.state.schema.nodes.blockquote)(t.state,t.dispatch);else if("code"===r.command)Object(vc["f"])(t.state.schema.marks.code)(t.state,t.dispatch);else if("align"===r.command&&r.value)da(t,r.value);else if("bulletList"===r.command){var B=t.state.schema.nodes,D=B.bullet_list,M=B.list_item;fa(D,M)(t.state,t.dispatch)}else if("orderedList"===r.command){var A=t.state.schema.nodes,P=A.ordered_list,R=A.list_item;fa(P,R)(t.state,t.dispatch)}else if("clear"===r.command){var F=t.state.selection.empty;F&&Object(vc["d"])(t.state,t.dispatch);var H=t.state.selection,z=H.$from,U=H.$to;t.dispatch(t.state.tr.removeMark(z.pos,U.pos))}}}catch(G){a.e(G)}finally{a.f()}t.focus(),O(),k()}};return qo.on(Lo.EXEC_TEXT_COMMAND,(function(e){return C(e)})),Object(j["onUnmounted"])((function(){qo.off(Lo.EXEC_TEXT_COMMAND,(function(e){return C(e)}))})),{elementRef:a,editorViewRef:i,handleSelectElement:p,shadowStyle:s}}});n("e49b");pa.render=mc,pa.__scopeId="data-v-a7eb4f98";var ba=pa,ma=Object(j["withScopeId"])("data-v-264ed0d8");Object(j["pushScopeId"])("data-v-264ed0d8");var va={key:0};Object(j["popScopeId"])();var Oa=ma((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"},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[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}},[Object(j["createVNode"])(l,{overflow:"visible",width:e.elementInfo.width,height:e.elementInfo.height},{default:ma((function(){return[e.elementInfo.gradient?(Object(j["openBlock"])(),Object(j["createBlock"])("defs",va,[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"])],4),[[i,e.contextmenus]])],4)],38)})),ha=Object(j["defineComponent"])({name:"editable-element-shape",components:{GradientDefs:Un},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=mn(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.flip})),s=an(d),f=s.flipStyle;return{handleSelectElement:t,shadowStyle:u,outlineWidth:c,outlineStyle:a,outlineColor:r,flipStyle:f}}});n("3244");ha.render=Oa,ha.__scopeId="data-v-264ed0d8";var ja=ha,ga=Object(j["withScopeId"])("data-v-7d3d40d6"),ya=ga((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:ga((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)})),ka=Object(j["defineComponent"])({name:"editable-element-shape",components:{LinePointMarker:Qn},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");ka.render=ya,ka.__scopeId="data-v-7d3d40d6";var Ea=ka,Ia=Object(j["withScopeId"])("data-v-6277fc70"),Sa=Ia((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"},onMousedown:t[1]||(t[1]=function(t){return e.handleSelectElement(t)})},[Object(j["withDirectives"])(Object(j["createVNode"])("div",{class:"element-content",style:{backgroundColor:e.elementInfo.fill}},[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"])],4),[[i,e.contextmenus]])],38)})),Ca=Object(j["withScopeId"])("data-v-233b1dc8");Object(j["pushScopeId"])("data-v-233b1dc8");var Na={class:"chart"};Object(j["popScopeId"])();var xa=Ca((function(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["createBlock"])("div",Na,[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)])})),Ta=n("8103"),La=n.n(Ta),wa=n("ba48"),Va=n.n(wa),_a=(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(R["a"])(Object(R["a"])({},t),{},{width:e.width*o.value,height:e.height*o.value}),c="pie"===e.type?Object(R["a"])(Object(R["a"])({},e.data),{},{series:e.data.series[0]}):e.data;return{data:c,options:n}},a=function(){if(n.value){var o=La()(e.type),a=c(),r=a.data,l=a.options;t=new Va.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=bo()(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("a902"),n("32d8");_a.render=xa,_a.__scopeId="data-v-233b1dc8";var Ba=_a,Da=Object(j["defineComponent"])({name:"editable-element-chart",components:{ElementOutline:Dn,Chart:Ba},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("ea33");Da.render=Sa,Da.__scopeId="data-v-6277fc70";var Ma=Da,Aa=Object(j["withScopeId"])("data-v-c0edfdac");Object(j["pushScopeId"])("data-v-c0edfdac");var Pa={class:"element-content"};Object(j["popScopeId"])();var Ra=Aa((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",Pa,[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)})),Fa=Object(j["withScopeId"])("data-v-70bdbb7e");Object(j["pushScopeId"])("data-v-70bdbb7e");var Ha={key:0,class:"handler"};Object(j["popScopeId"])();var za=Fa((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",Ha,[(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(n,o){return Object(j["openBlock"])(),Object(j["createBlock"])("tr",{key:o},[(Object(j["openBlock"])(!0),Object(j["createBlock"])(j["Fragment"],null,Object(j["renderList"])(n,(function(n,c){return Object(j["withDirectives"])((Object(j["openBlock"])(),Object(j["createBlock"])("td",{class:["cell",{selected:e.selectedCells.includes("".concat(o,"_").concat(c))&&e.selectedCells.length>1,active:e.activedCell==="".concat(o,"_").concat(c)}],style:Object(R["a"])({borderStyle:e.outline.style,borderColor:e.outline.color,borderWidth:e.outline.width+"px"},e.getTextStyle(n.style)),key:n.id,rowspan:n.rowspan,colspan:n.colspan,"data-cell-index":"".concat(o,"_").concat(c),onMousedown:function(t){return e.handleCellMousedown(t,o,c)},onMouseenter:function(t){return e.handleCellMouseenter(o,c)}},[Object(j["createVNode"])(s,{class:["cell-text",{active:e.activedCell==="".concat(o,"_").concat(c)}],contenteditable:e.activedCell==="".concat(o,"_").concat(c)&&"plaintext-only",modelValue:n.text,"onUpdate:modelValue":[function(e){return n.text=e},t[1]||(t[1]=function(t){return e.handleInput()})]},null,8,["class","contenteditable","modelValue","onUpdate:modelValue"])],46,["rowspan","colspan","data-cell-index","onMousedown","onMouseenter"])),[[j["vShow"],!e.hideCells.includes("".concat(o,"_").concat(c))],[f,function(t){return e.contextmenus(t)}]])})),128))])})),128))])],6)],4)})),Ua=(n("1276"),Object(j["withScopeId"])("data-v-0d17e957")),Ga=Ua((function(e,t,n,o,c,a){return Object(j["openBlock"])(),Object(j["createBlock"])("div",{class:"custom-textarea",ref:"textareaRef",contenteditable:e.contenteditable,onFocus:t[1]||(t[1]=function(){return e.handleFocus&&e.handleFocus.apply(e,arguments)}),onBlur:t[2]||(t[2]=function(){return e.handleBlur&&e.handleBlur.apply(e,arguments)}),onInput:t[3]||(t[3]=function(t){return e.handleInput(t)}),innerHTML:e.text},null,40,["contenteditable","innerHTML"])})),qa=Object(j["defineComponent"])({name:"custom-textarea",props:{modelValue:{type:String,default:""},contenteditable:{type:[Boolean,String],default:!1}},setup:function(e,t){var n=t.emit,o=Object(j["ref"])(),c=Object(j["ref"])(""),a=Object(j["ref"])(!1);Object(j["watch"])((function(){return e.modelValue}),(function(){a.value||(c.value=e.modelValue,o.value&&(o.value.innerHTML=e.modelValue))}),{immediate:!0});var r=function(){if(o.value){var e=o.value.innerHTML;n("update:modelValue",e)}},l=function(){a.value=!0,o.value&&(o.value.onpaste=function(e){if(e.preventDefault(),e.clipboardData){var t=e.clipboardData.items[0];t&&"string"===t.kind&&"text/plain"===t.type&&t.getAsString((function(e){return n("update:modelValue",e)}))}})},i=function(){a.value=!1,o.value&&(o.value.onpaste=null)};return Object(j["onUnmounted"])((function(){o.value&&(o.value.onpaste=null)})),{textareaRef:o,handleFocus:l,handleInput:r,handleBlur:i,text:c}}});n("90b2");qa.render=Ga,qa.__scopeId="data-v-0d17e957";var Xa=qa,Wa=Object(j["defineComponent"])({name:"editable-table",components:{CustomTextarea:Xa},props:{data:{type:Array,required:!0},width:{type:Number,required:!0},colWidths:{type:Array,required:!0},outline:{type:Object,required:!0},theme:{type:Object},editable:{type:Boolean,default:!0}},setup:function(e,t){var n=t.emit,o=Y(),c=Object(j["computed"])((function(){return o.state.canvasScale})),a=Object(j["ref"])(!1),r=Object(j["ref"])([]),l=Object(j["ref"])([]),i=Object(j["computed"])({get:function(){return e.data},set:function(e){n("change",e)}}),u=Object(j["computed"])((function(){return e.theme})),d=mo(u),s=d.subThemeColor,f=Object(j["ref"])([]),p=Object(j["computed"])((function(){return f.value.reduce((function(e,t){return e+t}))}));Object(j["watch"])([function(){return e.colWidths},function(){return e.width}],(function(){f.value=e.colWidths.map((function(t){return t*e.width}))}),{immediate:!0});var b=function(){r.value=[],l.value=[]};Object(j["watch"])((function(){return e.editable}),(function(){e.editable||b()}));var m=Object(j["computed"])((function(){for(var e=[],t=1;tX
Y
',1),Gs={class:"row"},qs=Object(j["createVNode"])("div",{style:{flex:"3"}},"大小：",-1),Xs={key:1,style:{flex:"1"}},Ws=Object(j["createStaticVNode"])('宽
高
PPTIST
',\r\n },\r\n {\r\n type: 'text',\r\n id: '7stmVP',\r\n left: 355,\r\n top: 253.25,\r\n width: 585,\r\n height: 56,\r\n content: '基于 Vue 3.x + TypeScript 的在线演示文稿应用
',\r\n },\r\n {\r\n type: 'line',\r\n id: 'FnpZs4',\r\n left: 361,\r\n top: 238,\r\n start: [0, 0],\r\n end: [549, 0],\r\n points: ['', ''],\r\n color: '#d14424',\r\n style: 'solid',\r\n width: 2,\r\n },\r\n ],\r\n background: {\r\n type: 'solid',\r\n color: '#ffffff',\r\n },\r\n }\r\n]","import { Slide, SlideTheme } from '@/types/slides'\r\nimport { CreatingElement } from '@/types/edit'\r\nimport { ToolbarState } from '@/types/toolbar'\r\nimport { slides } from '@/mocks/index'\r\nimport { SYS_FONTS } from '@/configs/font'\r\n\r\nexport interface State {\r\n activeElementIdList: string[];\r\n handleElementId: string;\r\n canvasPercentage: number;\r\n canvasScale: number;\r\n thumbnailsFocus: boolean;\r\n editorAreaFocus: boolean;\r\n disableHotkeys: boolean;\r\n showGridLines: boolean;\r\n creatingElement: CreatingElement | null;\r\n availableFonts: typeof SYS_FONTS;\r\n toolbarState: ToolbarState;\r\n theme: SlideTheme;\r\n viewportRatio: number;\r\n slides: Slide[];\r\n slideIndex: number;\r\n selectedSlidesIndex: number[];\r\n snapshotCursor: number;\r\n snapshotLength: number;\r\n ctrlKeyState: boolean;\r\n shiftKeyState: boolean;\r\n screening: boolean;\r\n clipingImageElementId: string;\r\n}\r\n\r\nexport const state: State = {\r\n activeElementIdList: [],\r\n handleElementId: '',\r\n canvasPercentage: 90,\r\n canvasScale: 1,\r\n thumbnailsFocus: false,\r\n editorAreaFocus: false,\r\n disableHotkeys: false,\r\n showGridLines: false,\r\n creatingElement: null,\r\n availableFonts: [],\r\n toolbarState: 'slideStyle',\r\n theme: {\r\n themeColor: '#d14424',\r\n fontColor: '#333',\r\n fontName: '微软雅黑',\r\n backgroundColor: '#fff',\r\n },\r\n viewportRatio: 0.5625,\r\n slides: slides,\r\n slideIndex: 0,\r\n selectedSlidesIndex: [],\r\n snapshotCursor: -1,\r\n snapshotLength: 0,\r\n ctrlKeyState: false,\r\n shiftKeyState: false,\r\n screening: false,\r\n clipingImageElementId: '',\r\n}","import { GetterTree } from 'vuex'\r\nimport { State } from './state'\r\n\r\nexport const getters: GetterTree\r\n
\r\n\r\n\r\n\r\n\r\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 {\r\n C = 'C',\r\n X = 'X',\r\n Z = 'Z',\r\n Y = 'Y',\r\n A = 'A',\r\n G = 'G',\r\n L = 'L',\r\n F = 'F',\r\n D = 'D',\r\n B = 'B',\r\n MINUS = '-',\r\n EQUAL = '=',\r\n DIGIT_0 = '0',\r\n DELETE = 'DELETE',\r\n UP = 'ARROWUP',\r\n DOWN = 'ARROWDOWN',\r\n LEFT = 'ARROWLEFT',\r\n RIGHT = 'ARROWRIGHT',\r\n ENTER = 'ENTER',\r\n SPACE = ' ',\r\n TAB = 'TAB',\r\n BACKSPACE = 'BACKSPACE',\r\n}\r\n\r\nexport const HOTKEY_DOC = [\r\n {\r\n type: '通用',\r\n children: [\r\n { label: '剪切', value: 'Ctrl + X' },\r\n { label: '复制', value: 'Ctrl + C' },\r\n { label: '粘贴', value: 'Ctrl + V' },\r\n { label: '快速复制粘贴', value: 'Ctrl + D' },\r\n { label: '全选', value: 'Ctrl + A' },\r\n { label: '撤销', value: 'Ctrl + Z' },\r\n { label: '恢复', value: 'Ctrl + Y' },\r\n { label: '删除', value: 'Delete / Backspace' },\r\n { label: '多选', value: '按住 Ctrl 或 Shift' },\r\n ],\r\n },\r\n {\r\n type: '幻灯片放映',\r\n children: [\r\n { label: '开始放映幻灯片', value: 'Ctrl + F' },\r\n { label: '切换上一页', value: '↑ / ←' },\r\n { label: '切换下一页', value: '↓ / → / Enter / Space' },\r\n { label: '退出放映', value: 'ESC' },\r\n ],\r\n },\r\n {\r\n type: '幻灯片编辑',\r\n children: [\r\n { label: '新建幻灯片', value: 'Enter' },\r\n { label: '缩放画布', value: 'Ctrl + 鼠标滚动' },\r\n { label: '放大画布', value: 'Ctrl + =' },\r\n { label: '缩小画布', value: 'Ctrl + -' },\r\n { label: '缩放画布到合适大小', value: 'Ctrl + 0' },\r\n { label: '编辑上一页', value: '↑ / ←' },\r\n { label: '编辑下一页', value: '↓ / →' },\r\n ],\r\n },\r\n {\r\n type: '元素操作',\r\n children: [\r\n { label: '移动', value: '↑ / ← / ↓ / →' },\r\n { label: '锁定', value: 'Ctrl + L' },\r\n { label: '组合', value: 'Ctrl + G' },\r\n { label: '取消组合', value: 'Ctrl + Shift + G' },\r\n { label: '置顶层', value: 'Alt + F' },\r\n { label: '置底层', value: 'Alt + B' },\r\n { label: '锁定宽高比例', value: '按住 Ctrl 或 Shift' },\r\n { label: '创建水平 / 垂直线条', value: '按住 Ctrl 或 Shift' },\r\n { label: '确认图片裁剪', value: 'Enter' },\r\n ],\r\n },\r\n {\r\n type: '表格编辑',\r\n children: [\r\n { label: '聚焦到下一个单元格', value: 'Tab' },\r\n { label: '在上方插入一行', value: 'Ctrl + ↑' },\r\n { label: '在下方插入一行', value: 'Ctrl + ↓' },\r\n { label: '在左侧插入一列', value: 'Ctrl + ←' },\r\n { label: '在右侧插入一列', value: 'Ctrl + →' },\r\n ],\r\n },\r\n {\r\n type: '文本编辑',\r\n children: [\r\n { label: '加粗', value: 'Ctrl + B' },\r\n { label: '斜体', value: 'Ctrl + I' },\r\n { label: '下划线', value: 'Ctrl + U' },\r\n { label: '删除线', value: 'Ctrl + D' },\r\n ],\r\n },\r\n]","import padStart from 'lodash/padStart'\r\n\r\n/**\r\n * 生成随机码\r\n * @param len 随机码长度\r\n */\r\nexport const createRandomCode = (len = 6) => {\r\n const charset = `_0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`\r\n const maxLen = charset.length\r\n let ret = ''\r\n for (let i = 0; i < len; i++) {\r\n const randomIndex = Math.floor(Math.random() * maxLen)\r\n ret += charset[randomIndex]\r\n }\r\n return ret\r\n}\r\n\r\n/**\r\n * 补足数字位数\r\n * @param digit 数字\r\n * @param len 位数\r\n */\r\nexport const fillDigit = (digit: number, len: number) => {\r\n return padStart('' + digit, len, '0')\r\n}","import Clipboard from 'clipboard'\r\n\r\n/**\r\n * 复制文本到剪贴板\r\n * @param text 文本内容\r\n */\r\nexport const copyText = (text: string) => {\r\n return new Promise((resolve, reject) => {\r\n const fakeElement = document.createElement('button')\r\n const clipboard = new Clipboard(fakeElement, {\r\n text: () => text,\r\n action: () => 'copy',\r\n container: document.body,\r\n })\r\n clipboard.on('success', e => {\r\n clipboard.destroy()\r\n resolve(e)\r\n })\r\n clipboard.on('error', e => {\r\n clipboard.destroy()\r\n reject(e)\r\n })\r\n document.body.appendChild(fakeElement)\r\n fakeElement.click()\r\n document.body.removeChild(fakeElement)\r\n })\r\n}\r\n\r\n// 读取剪贴板\r\nexport const readClipboard = (): Promise\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\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","\r\n {{item.type}}
\r\n \r\n
\r\n \r\n {{hotkey.label}}
\r\n {{hotkey.value}}
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { IBarChartOptions, ILineChartOptions, IPieChartOptions } from 'chartist'\r\n\r\nexport interface PPTElementShadow {\r\n h: number;\r\n v: number;\r\n blur: number;\r\n color: string;\r\n}\r\n\r\nexport const enum ElementTypes {\r\n TEXT = 'text',\r\n IMAGE = 'image',\r\n SHAPE = 'shape',\r\n LINE = 'line',\r\n CHART = 'chart',\r\n TABLE = 'table',\r\n}\r\n\r\nexport interface PPTElementOutline {\r\n style?: 'dashed' | 'solid';\r\n width?: number;\r\n color?: string;\r\n}\r\n\r\ninterface PPTBaseElement {\r\n id: string;\r\n left: number;\r\n top: number;\r\n lock?: boolean;\r\n groupId?: string;\r\n width: number;\r\n height: number;\r\n}\r\n\r\nexport interface PPTTextElement extends PPTBaseElement{\r\n type: 'text';\r\n content: string;\r\n rotate?: number;\r\n outline?: PPTElementOutline;\r\n fill?: string;\r\n lineHeight?: number;\r\n wordSpace?: number;\r\n opacity?: number;\r\n shadow?: PPTElementShadow;\r\n}\r\n\r\nexport interface ImageOrShapeFlip {\r\n x?: number;\r\n y?: number;\r\n}\r\nexport interface ImageElementFilters {\r\n 'blur'?: string;\r\n 'brightness'?: string;\r\n 'contrast'?: string;\r\n 'grayscale'?: string;\r\n 'saturate'?: string;\r\n 'hue-rotate'?: string;\r\n 'opacity'?: string;\r\n}\r\nexport interface ImageElementClip {\r\n range: [[number, number], [number, number]];\r\n shape: string;\r\n}\r\nexport interface PPTImageElement extends PPTBaseElement{\r\n type: 'image';\r\n fixedRatio: boolean;\r\n src: string;\r\n rotate?: number;\r\n outline?: PPTElementOutline;\r\n filters?: ImageElementFilters;\r\n clip?: ImageElementClip;\r\n flip?: ImageOrShapeFlip;\r\n shadow?: PPTElementShadow;\r\n}\r\n\r\nexport interface ShapeGradient {\r\n type: 'linear' | 'radial';\r\n color: [string, string];\r\n rotate: number;\r\n}\r\nexport interface PPTShapeElement extends PPTBaseElement{\r\n type: 'shape';\r\n viewBox: number;\r\n path: string;\r\n fixedRatio: boolean;\r\n fill: string;\r\n gradient?: ShapeGradient;\r\n rotate?: number;\r\n outline?: PPTElementOutline;\r\n opacity?: number;\r\n flip?: ImageOrShapeFlip;\r\n shadow?: PPTElementShadow;\r\n}\r\n\r\nexport interface PPTLineElement extends Omit\r\n
\r\n\r\n {{tab.label}}
\r\n \r\n
\r\n\r\n \r\n
\r\n {{slides}}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n 正在导出，请稍等...
\r\n \r\n \r\n
\r\n\r\n\r\n","export const enum ClipPathTypes {\r\n RECT = 'rect',\r\n ELLIPSE = 'ellipse',\r\n POLYGON = 'polygon',\r\n}\r\n\r\nexport const enum ClipPaths {\r\n RECT = 'rect',\r\n ROUNDRECT = 'roundRect',\r\n ELLIPSE = 'ellipse',\r\n TRIANGLE = 'triangle',\r\n PENTAGON = 'pentagon',\r\n RHOMBUS = 'rhombus',\r\n STAR = 'star',\r\n}\r\n\r\nexport const CLIPPATHS = {\r\n rect: {\r\n name: '矩形',\r\n type: ClipPathTypes.RECT,\r\n radius: '0',\r\n style: '',\r\n },\r\n rect2: {\r\n name: '矩形2',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(0% 0%, 80% 0%, 100% 20%, 100% 100%, 0 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M 0 0 L ${width * 0.8} 0 L ${width} ${height * 0.2} L ${width} ${height} L 0 ${height} Z`\r\n },\r\n },\r\n rect3: {\r\n name: '矩形3',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(0% 0%, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%)',\r\n createPath: (width: number, height: number) => {\r\n return `M 0 0 L ${width * 0.8} 0 L ${width} ${height * 0.2} L ${width} ${height} L ${width * 0.2} ${height} L 0 ${height * 0.8} Z`\r\n },\r\n },\r\n roundRect: {\r\n name: '圆角矩形',\r\n type: ClipPathTypes.RECT,\r\n radius: '10%',\r\n style: 'inset(0 0 0 0 round 10% 10% 10% 10%)',\r\n },\r\n ellipse: {\r\n name: '圆形',\r\n type: ClipPathTypes.ELLIPSE,\r\n style: 'ellipse(50% 50% at 50% 50%)',\r\n },\r\n triangle: {\r\n name: '三角形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(50% 0%, 0% 100%, 100% 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.5} 0 L 0 ${height} L ${width} ${height} Z`\r\n },\r\n },\r\n triangle2: {\r\n name: '三角形2',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(50% 100%, 0% 0%, 100% 0%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.5} ${height} L 0 0 L ${width} 0 Z`\r\n },\r\n },\r\n triangle3: {\r\n name: '三角形3',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(0% 0%, 0% 100%, 100% 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M 0 0 L 0 ${height} L ${width} ${height} Z`\r\n },\r\n },\r\n rhombus: {\r\n name: '菱形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.5} 0 L ${width} ${height * 0.5} L ${width * 0.5} ${height} L 0 ${height * 0.5} Z`\r\n },\r\n },\r\n hexagon: {\r\n name: '六边形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.2} 0 L ${width * 0.8} 0 L ${width} ${height * 0.5} L ${width * 0.8} ${height} L ${width * 0.2} ${height} L 0 ${height * 0.5} Z`\r\n },\r\n },\r\n pentagon: {\r\n name: '五边形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.5} 0 L ${width} ${0.38 * height} L ${0.82 * width} ${height} L ${0.18 * width} ${height} L 0 ${0.38 * height} Z`\r\n },\r\n },\r\n parallelogram: {\r\n name: '平行四边形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.3} 0 L ${width} 0 L ${width * 0.7} ${height} L 0 ${height} Z`\r\n },\r\n },\r\n parallelogram2: {\r\n name: '平行四边形2',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(30% 100%, 100% 100%, 70% 0%, 0% 0%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.3} ${height} L ${width} ${height} L ${width * 0.7} 0 L 0 0 Z`\r\n },\r\n },\r\n trapezoid: {\r\n name: '梯形',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M ${width * 0.25} 0 L ${width * 0.75} 0 L ${width} ${height} L 0 ${height} Z`\r\n },\r\n },\r\n trapezoid2: {\r\n name: '梯形2',\r\n type: ClipPathTypes.POLYGON,\r\n style: 'polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%)',\r\n createPath: (width: number, height: number) => {\r\n return `M 0 0 L ${width} 0 L ${width * 0.75} ${height} L ${width * 0.25} ${height} Z`\r\n },\r\n },\r\n}","\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","import { computed, Ref } from 'vue'\r\nimport { PPTElementShadow } from '@/types/slides'\r\n\r\n// 计算元素的阴影样式\r\nexport default (shadow: Ref\r\n
\r\n \r\n ![\"\"\r\n]()
\r\n
\r\n \r\n
\r\n\r\n\r\n","\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n\t\t\t\t\r\n\t\t\t\r\n
\r\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 \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { TableCellStyle } from '@/types/slides'\r\n\r\n/**\r\n * 计算单元格文本样式\r\n * @param style 单元格文本样式原数据\r\n */\r\nexport const getTextStyle = (style?: TableCellStyle) => {\r\n if (!style) return {}\r\n const {\r\n bold,\r\n em,\r\n underline,\r\n strikethrough,\r\n color,\r\n backcolor,\r\n fontsize,\r\n fontname,\r\n align,\r\n } = style\r\n\r\n let textDecoration = `${underline ? 'underline' : ''} ${strikethrough ? 'line-through' : ''}`\r\n if (textDecoration === ' ') textDecoration = 'none'\r\n \r\n return {\r\n fontWeight: bold ? 'bold' : 'normal',\r\n fontStyle: em ? 'italic' : 'normal',\r\n textDecoration,\r\n color: color || '#000',\r\n backgroundColor: backcolor || '',\r\n fontSize: fontsize || '14px',\r\n fontFamily: fontname || '微软雅黑',\r\n textAlign: align || 'left',\r\n }\r\n}","import { computed, Ref } from 'vue'\r\nimport { TableCell } from '@/types/slides'\r\n\r\n// 计算无效的单元格位置（被合并的单元格位置）集合\r\n\r\nexport default (cells: Ref mousewheelScaleCanvas($event)\"\r\n @mousedown=\"$event => handleClickBlankArea($event)\"\r\n v-contextmenu=\"contextmenus\"\r\n v-click-outside=\"removeEditorAreaFocus\"\r\n >\r\n insertElementFromCreateSelection(data)\"\r\n />\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mitt, { Emitter } from 'mitt'\r\n\r\nexport const enum EmitterEvents {\r\n UPDATE_TEXT_STATE = 'UPDATE_TEXT_STATE',\r\n EXEC_TEXT_COMMAND = 'EXEC_TEXT_COMMAND',\r\n UPDATE_TABLE_SELECTED_CELL = 'UPDATE_TABLE_SELECTED_CELL',\r\n SCALE_ELEMENT_STATE = 'SCALE_ELEMENT_STATE',\r\n}\r\n\r\nconst emitter: Emitter = mitt()\r\n\r\nexport default emitter","// 清除文字选区\r\nexport const removeAllRanges = () => {\r\n const selection = window.getSelection()\r\n selection && selection.removeAllRanges()\r\n}","import { ref, computed, onMounted, onUnmounted, Ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { VIEWPORT_SIZE } from '@/configs/canvas'\r\n\r\nexport default (canvasRef: Ref\r\n \r\n
\r\n\r\n\r\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 } from '@/utils/element'\r\nimport { VIEWPORT_SIZE } from '@/configs/canvas'\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 viewportRatio = computed(() => store.state.viewportRatio)\r\n const activeElementList = computed handleSelectElement($event)\" \r\n >\r\n \r\n handleClip(range)\"\r\n />\r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n \r\n ![\"\"\r\n]()
\r\n
\r\n \r\n ![\"\"]()
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, onMounted, onUnmounted, PropType, reactive, ref } from 'vue'\r\nimport { useStore } from '@/store'\r\nimport { KEYS } from '@/configs/hotkey'\r\nimport { ImageClipData, ImageClipDataRange, ImageClipedEmitData } from '@/types/edit'\r\n\r\ntype ScaleClipRangeType = 't-l' | 't-r' | 'b-l' | 'b-r'\r\n\r\nexport default defineComponent({\r\n name: 'image-clip-handler',\r\n props: {\r\n src: {\r\n type: String,\r\n required: true,\r\n },\r\n clipData: {\r\n type: Object as PropType\r\n ![\"\"]()
\r\n
\r\n\r\n moveClipRange($event)\"\r\n >\r\n
\r\n scaleClipRange($event, point)\"\r\n >\r\n \r\n \r\n \r\n
\r\n handleSelectElement($event)\"\r\n >\r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","import { splitListItem, liftListItem, sinkListItem } from 'prosemirror-schema-list'\r\nimport { Schema } from 'prosemirror-model'\r\nimport { undo, redo } from 'prosemirror-history'\r\nimport { undoInputRule } from 'prosemirror-inputrules'\r\nimport {\r\n toggleMark,\r\n selectParentNode,\r\n joinUp,\r\n joinDown,\r\n Command,\r\n} from 'prosemirror-commands'\r\n\r\nexport const buildKeymap = (schema: Schema) => {\r\n const keys = {}\r\n const bind = (key: string, cmd: Command) => keys[key] = cmd\r\n\r\n bind('Alt-ArrowUp', joinUp)\r\n bind('Alt-ArrowDown', joinDown)\r\n bind('Ctrl-z', undo)\r\n bind('Ctrl-y', redo)\r\n bind('Backspace', undoInputRule)\r\n bind('Escape', selectParentNode)\r\n bind('Ctrl-b', toggleMark(schema.marks.strong))\r\n bind('Ctrl-i', toggleMark(schema.marks.em))\r\n bind('Ctrl-u', toggleMark(schema.marks.underline))\r\n bind('Ctrl-d', toggleMark(schema.marks.strikethrough))\r\n\r\n bind('Enter', splitListItem(schema.nodes.list_item))\r\n bind('Mod-[', liftListItem(schema.nodes.list_item))\r\n bind('Mod-]', sinkListItem(schema.nodes.list_item))\r\n\r\n return keys\r\n}","import { NodeType, Schema } from 'prosemirror-model'\r\nimport {\r\n inputRules,\r\n wrappingInputRule,\r\n textblockTypeInputRule,\r\n smartQuotes,\r\n emDash,\r\n ellipsis,\r\n} from 'prosemirror-inputrules'\r\n\r\nconst blockQuoteRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*>\\s$/, nodeType)\r\n\r\nconst orderedListRule = (nodeType: NodeType) => (\r\n wrappingInputRule(\r\n /^(\\d+)\\.\\s$/, \r\n nodeType, \r\n match => ({order: +match[1]}),\r\n (match, node) => node.childCount + node.attrs.order === +match[1],\r\n )\r\n)\r\n\r\nconst bulletListRule = (nodeType: NodeType) => wrappingInputRule(/^\\s*([-+*])\\s$/, nodeType)\r\n\r\nconst codeBlockRule = (nodeType: NodeType) => textblockTypeInputRule(/^```$/, nodeType)\r\n\r\nexport const buildInputRules = (schema: Schema) => {\r\n const rules = [\r\n ...smartQuotes,\r\n ellipsis,\r\n emDash,\r\n ]\r\n rules.push(blockQuoteRule(schema.nodes.blockquote))\r\n rules.push(orderedListRule(schema.nodes.ordered_list))\r\n rules.push(bulletListRule(schema.nodes.bullet_list))\r\n rules.push(codeBlockRule(schema.nodes.code_block))\r\n\r\n return inputRules({ rules })\r\n}","import { keymap } from 'prosemirror-keymap'\r\nimport { Schema } from 'prosemirror-model'\r\nimport { history } from 'prosemirror-history'\r\nimport { baseKeymap } from 'prosemirror-commands'\r\nimport { dropCursor } from 'prosemirror-dropcursor'\r\nimport { gapCursor } from 'prosemirror-gapcursor'\r\n\r\nimport { buildKeymap } from './keymap'\r\nimport { buildInputRules } from './inputrules'\r\n\r\nexport const buildPlugins = (schema: Schema) => {\r\n return [\r\n buildInputRules(schema),\r\n keymap(buildKeymap(schema)),\r\n keymap(baseKeymap),\r\n dropCursor(),\r\n gapCursor(),\r\n history(),\r\n ]\r\n}","import { nodes } from 'prosemirror-schema-basic'\r\nimport { Node, NodeSpec } from 'prosemirror-model'\r\nimport { orderedList, bulletList, listItem } from 'prosemirror-schema-list'\r\n\r\nconst _orderedList: NodeSpec = {\r\n ...orderedList,\r\n content: 'list_item+',\r\n group: 'block',\r\n}\r\n\r\nconst _bulletList: NodeSpec = {\r\n ...bulletList,\r\n content: 'list_item+',\r\n group: 'block',\r\n}\r\n\r\nconst _listItem: NodeSpec = {\r\n ...listItem,\r\n content: 'paragraph block*',\r\n group: 'block',\r\n}\r\n\r\nconst paragraph: NodeSpec = {\r\n attrs: {\r\n align: {\r\n default: '',\r\n },\r\n },\r\n content: 'inline*',\r\n group: 'block',\r\n parseDOM: [\r\n {\r\n tag: 'p',\r\n getAttrs: dom => {\r\n const { textAlign } = (dom as HTMLElement).style\r\n let align = (dom as HTMLElement).getAttribute('align') || textAlign || ''\r\n align = /(left|right|center|justify)/.test(align) ? align : ''\r\n \r\n return { align }\r\n }\r\n }\r\n ],\r\n toDOM: (node: Node) => {\r\n const { align } = node.attrs\r\n let style = ''\r\n if (align && align !== 'left') style += `text-align: ${align};`\r\n\r\n return ['p', { style }, 0]\r\n },\r\n}\r\n\r\nexport default {\r\n ...nodes,\r\n 'ordered_list': _orderedList,\r\n 'bullet_list': _bulletList,\r\n 'list_item': _listItem,\r\n paragraph,\r\n}\r\n","import { marks } from 'prosemirror-schema-basic'\r\nimport { MarkSpec } from 'prosemirror-model'\r\n\r\nconst subscript: MarkSpec = {\r\n excludes: 'subscript',\r\n parseDOM: [\r\n { tag: 'sub' },\r\n {\r\n style: 'vertical-align',\r\n getAttrs: value => value === 'sub' && null\r\n },\r\n ],\r\n toDOM: () => ['sub', 0],\r\n}\r\n\r\nconst superscript: MarkSpec = {\r\n excludes: 'superscript',\r\n parseDOM: [\r\n { tag: 'sup' },\r\n {\r\n style: 'vertical-align',\r\n getAttrs: value => value === 'super' && null\r\n },\r\n ],\r\n toDOM: () => ['sup', 0],\r\n}\r\n\r\nconst strikethrough: MarkSpec = {\r\n parseDOM: [\r\n { tag: 'strike' },\r\n {\r\n style: 'text-decoration',\r\n getAttrs: value => value === 'line-through' && null\r\n },\r\n {\r\n style: 'text-decoration-line',\r\n getAttrs: value => value === 'line-through' && null\r\n },\r\n ],\r\n toDOM: () => ['span', { style: 'text-decoration-line: line-through' }, 0],\r\n}\r\n\r\nconst underline: MarkSpec = {\r\n parseDOM: [\r\n { tag: 'u' },\r\n {\r\n style: 'text-decoration',\r\n getAttrs: value => value === 'underline' && null\r\n },\r\n {\r\n style: 'text-decoration-line',\r\n getAttrs: value => value === 'underline' && null\r\n },\r\n ],\r\n toDOM: () => ['span', { style: 'text-decoration: underline' }, 0],\r\n}\r\n\r\nconst forecolor: MarkSpec = {\r\n attrs: {\r\n color: {},\r\n },\r\n parseDOM: [\r\n {\r\n style: 'color',\r\n getAttrs: color => color ? { color } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { color } = mark.attrs\r\n let style = ''\r\n if (color) style += `color: ${color};`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst backcolor: MarkSpec = {\r\n attrs: {\r\n backcolor: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n tag: 'span[style*=background-color]',\r\n getAttrs: backcolor => backcolor ? { backcolor } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { backcolor } = mark.attrs\r\n let style = ''\r\n if (backcolor) style += `background-color: ${backcolor};`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst fontsize: MarkSpec = {\r\n attrs: {\r\n fontsize: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n style: 'font-size',\r\n getAttrs: fontsize => fontsize ? { fontsize } : {}\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { fontsize } = mark.attrs\r\n let style = ''\r\n if (fontsize) style += `font-size: ${fontsize}`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nconst fontname: MarkSpec = {\r\n attrs: {\r\n fontname: {},\r\n },\r\n inline: true,\r\n group: 'inline',\r\n parseDOM: [\r\n {\r\n style: 'font-family',\r\n getAttrs: fontname => {\r\n return { fontname: fontname && typeof fontname === 'string' ? fontname.replace(/[\\\"\\']/g, '') : '' }\r\n }\r\n },\r\n ],\r\n toDOM: mark => {\r\n const { fontname } = mark.attrs\r\n let style = ''\r\n if (fontname) style += `font-family: ${fontname}`\r\n return ['span', { style }, 0]\r\n },\r\n}\r\n\r\nexport default {\r\n ...marks,\r\n subscript,\r\n superscript,\r\n strikethrough,\r\n underline,\r\n forecolor,\r\n backcolor,\r\n fontsize,\r\n fontname,\r\n}","import nodes from './nodes'\r\nimport marks from './marks'\r\n\r\nexport const schemaNodes = nodes\r\nexport const schemaMarks = marks\r\n","import { EditorState } from 'prosemirror-state'\r\nimport { EditorView } from 'prosemirror-view'\r\nimport { Schema, DOMParser } from 'prosemirror-model'\r\n\r\nimport { buildPlugins } from './plugins/index'\r\nimport { schemaNodes, schemaMarks } from './schema/index'\r\n\r\nconst schema = new Schema({\r\n nodes: schemaNodes,\r\n marks: schemaMarks,\r\n})\r\n\r\nconst createDocument = (content: string) => {\r\n const htmlString = `\r\n
\r\n handleSelectElement($event, false)\"\r\n >
\r\n ${content}
`\r\n const parser = new window.DOMParser()\r\n const element = parser.parseFromString(htmlString, 'text/html').body.firstElementChild\r\n return DOMParser.fromSchema(schema).parse(element as Element)\r\n}\r\n\r\nexport const initProsemirrorEditor = (dom: Element, content: string, props = {}) => {\r\n return new EditorView(dom, {\r\n state: EditorState.create({\r\n doc: createDocument(content),\r\n plugins: buildPlugins(schema),\r\n }),\r\n ...props,\r\n })\r\n}","import { Node, NodeType, ResolvedPos } from 'prosemirror-model'\r\nimport { EditorState, Selection } from 'prosemirror-state'\r\nimport { EditorView } from 'prosemirror-view'\r\n\r\nconst equalNodeType = (nodeType: NodeType, node: Node) => {\r\n return Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1 || node.type === nodeType\r\n}\r\n\r\nconst findParentNodeClosestToPos = ($pos: ResolvedPos, predicate: (node: Node) => boolean) => {\r\n for (let i = $pos.depth; i > 0; i--) {\r\n const node = $pos.node(i)\r\n if (predicate(node)) {\r\n return {\r\n pos: i > 0 ? $pos.before(i) : 0,\r\n start: $pos.start(i),\r\n depth: i,\r\n node,\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport const findParentNode = (predicate: (node: Node) => boolean) => {\r\n return (_ref: Selection) => findParentNodeClosestToPos(_ref.$from, predicate)\r\n}\r\n\r\nexport const findParentNodeOfType = (nodeType: NodeType) => {\r\n return (selection: Selection) => {\r\n return findParentNode((node: Node) => {\r\n return equalNodeType(nodeType, node)\r\n })(selection)\r\n }\r\n}\r\n\r\nexport const isActiveOfParentNodeType = (nodeType: string, state: EditorState) => {\r\n const node = state.schema.nodes[nodeType]\r\n return !!findParentNodeOfType(node)(state.selection)\r\n}\r\n\r\nexport const getMarkAttrs = (view: EditorView) => {\r\n const { selection, doc } = view.state\r\n const { from } = selection\r\n const node = doc.nodeAt(from)\r\n return node?.marks || []\r\n}\r\n\r\nexport const getAttrValue = (view: EditorView, markType: string, attr: string) => {\r\n const marks = getMarkAttrs(view)\r\n for (const mark of marks) {\r\n if (mark.type.name === markType && mark.attrs[attr]) return mark.attrs[attr]\r\n }\r\n return null\r\n}\r\n\r\nexport const isActiveMark = (view: EditorView, markType: string) => {\r\n const marks = getMarkAttrs(view)\r\n for (const mark of marks) {\r\n if (mark.type.name === markType) return true\r\n }\r\n return false\r\n}\r\n\r\nexport const getAttrValueInSelection = (view: EditorView, attr: string) => {\r\n const { selection, doc } = view.state\r\n const { from, to } = selection\r\n\r\n let keepChecking = true\r\n let value = ''\r\n doc.nodesBetween(from, to, node => {\r\n if (keepChecking && node.attrs[attr]) {\r\n keepChecking = false\r\n value = node.attrs[attr]\r\n }\r\n return keepChecking\r\n })\r\n return value\r\n}\r\n\r\nexport const getTextAttrs = (view: EditorView) => {\r\n const isBold = isActiveMark(view, 'strong')\r\n const isEm = isActiveMark(view, 'em')\r\n const isUnderline = isActiveMark(view, 'underline')\r\n const isStrikethrough = isActiveMark(view, 'strikethrough')\r\n const isSuperscript = isActiveMark(view, 'superscript')\r\n const isSubscript = isActiveMark(view, 'subscript')\r\n const isCode = isActiveMark(view, 'code')\r\n const color = getAttrValue(view, 'forecolor', 'color') || '#000'\r\n const backcolor = getAttrValue(view, 'backcolor', 'backcolor') || '#000'\r\n const fontsize = getAttrValue(view, 'fontsize', 'fontsize') || '20px'\r\n const fontname = getAttrValue(view, 'fontname', 'fontname') || '微软雅黑'\r\n const align = getAttrValueInSelection(view, 'align') || 'left'\r\n const isBulletList = isActiveOfParentNodeType('bullet_list', view.state)\r\n const isOrderedList = isActiveOfParentNodeType('ordered_list', view.state)\r\n const isBlockquote = isActiveOfParentNodeType('blockquote', view.state)\r\n\r\n return {\r\n bold: isBold,\r\n em: isEm,\r\n underline: isUnderline,\r\n strikethrough: isStrikethrough,\r\n superscript: isSuperscript,\r\n subscript: isSubscript,\r\n code: isCode,\r\n color: color,\r\n backcolor: backcolor,\r\n fontsize: fontsize,\r\n fontname: fontname,\r\n align: align,\r\n bulletList: isBulletList,\r\n orderedList: isOrderedList,\r\n blockquote: isBlockquote,\r\n }\r\n}\r\n\r\nexport type TextAttrs = ReturnType handleSelectElement($event)\"\r\n >\r\n \r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { PPTShapeElement } from '@/types/slides'\r\nimport { ContextmenuItem } from '@/components/Contextmenu/types'\r\nimport useElementOutline from '@/views/components/element/hooks/useElementOutline'\r\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\r\nimport useElementFlip from '@/views/components/element/hooks/useElementFlip'\r\n\r\nimport GradientDefs from './GradientDefs.vue'\r\n\r\nexport default defineComponent({\r\n name: 'editable-element-shape',\r\n components: {\r\n GradientDefs,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { PPTLineElement } from '@/types/slides'\r\nimport { ContextmenuItem } from '@/components/Contextmenu/types'\r\nimport useElementShadow from '@/views/components/element/hooks/useElementShadow'\r\n\r\nimport LinePointMarker from './LinePointMarker.vue'\r\n\r\nexport default defineComponent({\r\n name: 'editable-element-shape',\r\n components: {\r\n LinePointMarker,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n \r\n \r\n \r\n\t\t\t\t\r\n\t\t\t\t handleSelectElement($event)\"\r\n v-contextmenu=\"contextmenus\"\r\n >\r\n\t\t\t\r\n
\r\n handleSelectElement($event)\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, inject, onMounted, PropType, ref, Ref, watch } from 'vue'\r\nimport upperFirst from 'lodash/upperFirst'\r\nimport tinycolor from 'tinycolor2'\r\nimport Chartist, {\r\n IChartistLineChart,\r\n IChartistBarChart,\r\n IChartistPieChart,\r\n ILineChartOptions,\r\n IBarChartOptions,\r\n IPieChartOptions,\r\n} from 'chartist'\r\nimport { ChartData, ChartType } from '@/types/slides'\r\n\r\nimport 'chartist/dist/scss/chartist.scss'\r\n\r\nexport default defineComponent({\r\n name: 'chart',\r\n props: {\r\n width: {\r\n type: Number,\r\n required: true,\r\n },\r\n height: {\r\n type: Number,\r\n required: true,\r\n },\r\n type: {\r\n type: String as PropType\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\n \r\n updateTableCells(data)\"\r\n @changeColWidths=\"widths => updateColWidths(widths)\"\r\n @changeSelectedCells=\"cells => updateSelectedCells(cells)\"\r\n />\r\n
\r\n handleSelectElement($event)\"\r\n >\r\n
\r\n 双击编辑
\r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n handleMousedownColHandler($event, index)\"\r\n >
\r\n | 1,\r\n 'active': activedCell === `${rowIndex}_${colIndex}`,\r\n }\"\r\n :style=\"{\r\n borderStyle: outline.style,\r\n borderColor: outline.color,\r\n borderWidth: outline.width + 'px',\r\n ...getTextStyle(cell.style),\r\n }\"\r\n v-for=\"(cell, colIndex) in rowCells\"\r\n :key=\"cell.id\"\r\n :rowspan=\"cell.rowspan\"\r\n :colspan=\"cell.colspan\"\r\n :data-cell-index=\"`${rowIndex}_${colIndex}`\"\r\n v-show=\"!hideCells.includes(`${rowIndex}_${colIndex}`)\"\r\n @mousedown=\"$event => handleCellMousedown($event, rowIndex, colIndex)\"\r\n @mouseenter=\"handleCellMouseenter(rowIndex, colIndex)\"\r\n v-contextmenu=\"el => contextmenus(el)\"\r\n >\r\n | \r\n \r\n
handleInput($event)\"\r\n v-html=\"text\"\r\n >
\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, onUnmounted, ref, watch } from 'vue'\r\n\r\nexport default defineComponent({\r\n name: 'custom-textarea',\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: '',\r\n },\r\n contenteditable: {\r\n type: [Boolean, String],\r\n default: false,\r\n },\r\n },\r\n setup(props, { emit }) {\r\n const textareaRef = ref\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, PropType, defineComponent } from 'vue'\r\nimport { useStore } from '@/store'\r\nimport { AlignmentLineAxis } from '@/types/edit'\r\n\r\nexport default defineComponent({\r\n name: 'alignment-line',\r\n props: {\r\n type: {\r\n type: String as PropType<'vertical' | 'horizontal'>,\r\n required: true,\r\n },\r\n axis: {\r\n type: Object as PropType createSelection($event)\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, onMounted, reactive, ref } from 'vue'\r\nimport { useStore } from '@/store'\r\n\r\nexport default defineComponent({\r\n name: 'element-create-selection',\r\n setup(props, { emit }) {\r\n const store = useStore()\r\n const ctrlOrShiftKeyActive = computed\r\n\r\n \r\n \r\n\t\t\t\t\r\n\t\t\t\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import { computed, Ref } from 'vue'\r\nimport { OperateResizeHandlers, OperateBorderLines } from '@/types/edit'\r\n\r\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","\r\n \r\n\r\n\r\n\r\n\r\n","\r\nexport default {\r\n name: 'rotate-handler',\r\n}\r\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\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 { PPTShapeElement } 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: 'shape-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 \r\n dragLineElement($event, elementInfo, point.handler)\"\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 { PPTLineElement } from '@/types/slides'\r\nimport { OperateLineHandler, OperateLineHandlers } from '@/types/edit'\r\n\r\nimport ResizeHandler from './ResizeHandler.vue'\r\n\r\nexport default defineComponent({\r\n name: 'text-element-operate',\r\n inheritAttrs: false,\r\n components: {\r\n ResizeHandler,\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 { PPTShapeElement } from '@/types/slides'\r\nimport { OperateResizeHandler } from '@/types/edit'\r\nimport useCommonOperate from '../hooks/useCommonOperate'\r\n\r\nimport ResizeHandler from './ResizeHandler.vue'\r\nimport BorderLine from './BorderLine.vue'\r\n\r\nexport default defineComponent({\r\n name: 'chart-element-operate',\r\n inheritAttrs: false,\r\n components: {\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 { PPTTableElement } from '@/types/slides'\r\nimport { OperateResizeHandler } from '@/types/edit'\r\nimport useCommonOperate from '../hooks/useCommonOperate'\r\n\r\nimport ResizeHandler from './ResizeHandler.vue'\r\nimport BorderLine from './BorderLine.vue'\r\n\r\nexport default defineComponent({\r\n name: 'table-element-operate',\r\n inheritAttrs: false,\r\n components: {\r\n ResizeHandler,\r\n BorderLine,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n insertImageElement(files)\">\r\n \r\n \r\n \r\n \r\n \r\n drawShape(shape)\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n drawLine(line)\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n { createChartElement(chart); chartPoolVisible = false }\" />\r\n \r\n \r\n \r\n \r\n \r\n \r\n { createTableElement(row, col); tableGeneratorVisible = false }\"\r\n />\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","export interface ShapePoolItem {\r\n viewBox: number;\r\n path: string;\r\n}\r\n\r\nexport const SHAPE_LIST = [\r\n {\r\n type: '矩形',\r\n children: [\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 200 0 L 200 200 L 0 200 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 150 L 0 0 L 150 0 L 200 50 L 200 200 L 50 200 L 0 150 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 200 L 0 0 L 150 0 L 200 50 L 200 200 L 0 200'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 50 L 50 0 L 150 0 L 200 50 L 200 200 L 0 200 L 0 50 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 140 0 Q 200 0 200 60 L 200 200 L 0 200 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n ]\r\n },\r\n\r\n {\r\n type: '常用形状',\r\n children: [\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 A 50 50 0 1 1 100 200 A 50 50 0 1 1 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 100 100 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 A 100 100 102 1 0 200 100 L 200 0 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 200 0 Q 200 200 0 200 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 L 0 200 L 200 200 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 0 200 L 200 200 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 50 0 L 200 0 L 150 200 L 0 200 L 50 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 150 0 L 200 200 L 50 200 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 50 0 L 150 0 L 200 200 L 0 200 L 50 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 L 0 100 L 100 200 L 200 100 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 L 0 90 L 50 200 L 150 200 L 200 90 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 L 0 60 L 0 140 L 100 200 L 200 140 L 200 60 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 100 0 L 0 50 L 0 200 L 200 200 L 200 50 L 100 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 150 0 A 50 100 0 1 1 150 200 L 0 200 L 0 0 L 150 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 100 L 150 0 L 0 0 L 50 100 L 0 200 L 150 200 L 200 100 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 0 L 200 200 L 0 200 L 0 100 L 200 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 200 100 L 200 200 L 0 200 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 0 L 100 0 L 0 100 L 0 200 L 200 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 0 200 L 200 200 L 200 140 L 60 140 L 60 0 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M0 0 L200 0 L200 200 L0 200 L0 0 Z M50 50 L50 150 L150 150 L150 50 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M0 100 A100 100 0 1 1 0 101 Z M150 100 A50 50 0 1 0 150 101 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 180 160 A 100 100 0 1 0 100 200 L 200 200 L 200 160 L 180 160 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 0 L 0 0 L 200 200 L 0 200 L 200 0 Z'\r\n },\r\n ],\r\n },\r\n \r\n {\r\n type: '箭头',\r\n children: [\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 120 0 L 200 100 L 120 200 L 0 200 L 80 100 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 80 0 L 200 0 L 120 100 L 200 200 L 80 200 L 0 100 L 80 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 140 0 L 200 100 L 140 200 L 0 200 L 0 100 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 60 0 L 200 0 L 200 100 L 200 200 L 60 200 L 0 100 L 60 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 200 100 L 0 200 L 60 100 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 0 L 0 100 L 200 200 L 140 100 L 200 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 0 0 L 80 0 L 200 100 L 80 200 L 0 200 L 120 100 L 0 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\n path: 'M 200 0 L 120 0 L 0 100 L 120 200 L 200 200 L 80 100 L 200 0 Z'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 200,\r\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'\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n ],\r\n },\r\n\r\n {\r\n type: '其他形状',\r\n children: [\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n {\r\n viewBox: 1024,\r\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',\r\n },\r\n ],\r\n },\r\n]","\r\nimport { defineComponent } from 'vue'\r\nimport { SHAPE_LIST, ShapePoolItem } from '@/configs/shapes'\r\n\r\nexport default defineComponent({\r\n name: 'shape-pool',\r\n setup(props, { emit }) {\r\n const shapeList = SHAPE_LIST\r\n\r\n const selectShape = (shape: ShapePoolItem) => {\r\n emit('select', shape)\r\n }\r\n\r\n return {\r\n shapeList,\r\n selectShape,\r\n }\r\n },\r\n})\r\n","import { render } from \"./ShapePool.vue?vue&type=template&id=5aabd717&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=5aabd717&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5aabd717\"\n\nexport default script","\r\n \r\n
\r\n {{item.type}}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","export interface LinePoolItem {\r\n path: string;\r\n style: string;\r\n points: [string, string];\r\n isBroken?: boolean;\r\n isCurve?: boolean;\r\n}\r\n\r\nexport const LINE_LIST = [\r\n {\r\n type: '直线',\r\n children: [\r\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', ''] },\r\n { path: 'M 0 0 L 20 20', style: 'dashed', points: ['', ''] },\r\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', 'arrow'] },\r\n { path: 'M 0 0 L 20 20', style: 'dashed', points: ['', 'arrow'] },\r\n { path: 'M 0 0 L 20 20', style: 'solid', points: ['', 'dot'] },\r\n ],\r\n },\r\n {\r\n type: '折线、曲线',\r\n children: [\r\n { path: 'M 0 0 L 0 20 L 20 20', style: 'solid', points: ['', 'arrow'], isBroken: true },\r\n { path: 'M 0 0 Q 0 20 20 20', style: 'solid', points: ['', 'arrow'], isCurve: true },\r\n ],\r\n },\r\n]","\r\nimport { defineComponent } from 'vue'\r\nimport { LINE_LIST, LinePoolItem } from '@/configs/lines'\r\n\r\nimport LinePointMarker from '@/views/components/element/LineElement/LinePointMarker.vue'\r\n\r\nexport default defineComponent({\r\n name: 'line-pool',\r\n components: {\r\n LinePointMarker,\r\n },\r\n setup(props, { emit }) {\r\n const lineList = LINE_LIST\r\n\r\n const selectLine = (line: LinePoolItem) => {\r\n emit('select', line)\r\n }\r\n\r\n return {\r\n lineList,\r\n selectLine,\r\n }\r\n },\r\n})\r\n","import { render } from \"./LinePool.vue?vue&type=template&id=5087394c&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=5087394c&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5087394c\"\n\nexport default script","\r\n \r\n
\r\n {{item.type}}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, ref } from 'vue'\r\n\r\nimport { message } from 'ant-design-vue'\r\n\r\nexport default defineComponent({\r\n name: 'table-generator',\r\n setup(props, { emit }) {\r\n const endCell = ref\r\n
\r\n 表格 {{endCell.length ? `${endCell[0]} x ${endCell[1]}` : ''}}
\r\n {{ isCustom ? '返回' : '自定义'}}
\r\n | \r\n \r\n | \r\n
\r\n
\r\n \r\n
\r\n 行数：
\r\n \r\n
\r\n 列数：
\r\n \r\n \r\n \r\n
\r\n setThumbnailsFocus(true)\"\r\n v-click-outside=\"() => setThumbnailsFocus(false)\"\r\n v-contextmenu=\"contextmenusThumbnails\"\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { fillDigit } from '@/utils/common'\r\nimport { ContextmenuItem } from '@/components/Contextmenu/types'\r\nimport useSlideHandler from '@/hooks/useSlideHandler'\r\nimport useScreening from '@/hooks/useScreening'\r\n\r\nimport Draggable from 'vuedraggable'\r\nimport ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'\r\n\r\nexport default defineComponent({\r\n name: 'thumbnails',\r\n components: {\r\n Draggable,\r\n ThumbnailSlide,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const slides = computed(() => store.state.slides)\r\n const slideIndex = computed(() => store.state.slideIndex)\r\n const ctrlKeyState = computed(() => store.state.ctrlKeyState)\r\n const shiftKeyState = computed(() => store.state.shiftKeyState)\r\n const selectedSlidesIndex = computed(() => [...store.state.selectedSlidesIndex, slideIndex.value])\r\n\r\n const {\r\n copySlide,\r\n pasteSlide,\r\n createSlide,\r\n copyAndPasteSlide,\r\n deleteSlide,\r\n cutSlide,\r\n selectAllSlide,\r\n } = useSlideHandler()\r\n\r\n // 切换页面\r\n const changSlideIndex = (index: number) => {\r\n store.commit(MutationTypes.SET_ACTIVE_ELEMENT_ID_LIST, [])\r\n\r\n if (slideIndex.value === index) return\r\n store.commit(MutationTypes.UPDATE_SLIDE_INDEX, index)\r\n }\r\n\r\n // 点击缩略图\r\n const handleClickSlideThumbnail = (index: number) => {\r\n const isMultiSelected = selectedSlidesIndex.value.length > 1\r\n\r\n // 按住Ctrl键，点选幻灯片，再次点击已选中的页面则取消选中\r\n if (ctrlKeyState.value) {\r\n if (slideIndex.value === index) {\r\n if (!isMultiSelected) return\r\n\r\n const newSelectedSlidesIndex = selectedSlidesIndex.value.filter(item => item !== index)\r\n store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, newSelectedSlidesIndex)\r\n changSlideIndex(selectedSlidesIndex.value[0])\r\n }\r\n else {\r\n if (selectedSlidesIndex.value.includes(index)) {\r\n const newSelectedSlidesIndex = selectedSlidesIndex.value.filter(item => item !== index)\r\n store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, newSelectedSlidesIndex)\r\n }\r\n else {\r\n const newSelectedSlidesIndex = [...selectedSlidesIndex.value, index]\r\n store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, newSelectedSlidesIndex)\r\n changSlideIndex(index)\r\n }\r\n }\r\n }\r\n // 按住Shift键，选择范围内的全部幻灯片\r\n else if (shiftKeyState.value) {\r\n if (slideIndex.value === index && !isMultiSelected) return\r\n\r\n let minIndex = Math.min(...selectedSlidesIndex.value)\r\n let maxIndex = index\r\n\r\n if (index < minIndex) {\r\n maxIndex = Math.max(...selectedSlidesIndex.value)\r\n minIndex = index\r\n }\r\n\r\n const newSelectedSlidesIndex = []\r\n for (let i = minIndex; i <= maxIndex; i++) newSelectedSlidesIndex.push(i)\r\n store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, newSelectedSlidesIndex)\r\n changSlideIndex(index)\r\n }\r\n // 正常切换页面\r\n else {\r\n store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, [])\r\n changSlideIndex(index)\r\n }\r\n }\r\n\r\n const thumbnailsFocus = computed(() => store.state.thumbnailsFocus)\r\n\r\n // 设置缩略图工具栏聚焦状态（只有聚焦状态下，该部分的快捷键才能生效）\r\n const setThumbnailsFocus = (focus: boolean) => {\r\n if (thumbnailsFocus.value === focus) return\r\n store.commit(MutationTypes.SET_THUMBNAILS_FOCUS, focus)\r\n\r\n if (!focus) store.commit(MutationTypes.UPDATE_SELECTED_SLIDES_INDEX, [])\r\n }\r\n\r\n // 拖拽调整顺序后进行数据的同步\r\n const handleDragEnd = (eventData: { newIndex: number; oldIndex: number }) => {\r\n const { newIndex, oldIndex } = eventData\r\n if (oldIndex === newIndex) return\r\n\r\n const _slides = JSON.parse(JSON.stringify(slides.value))\r\n const _slide = _slides[oldIndex]\r\n _slides.splice(oldIndex, 1)\r\n _slides.splice(newIndex, 0, _slide)\r\n store.commit(MutationTypes.SET_SLIDES, _slides)\r\n store.commit(MutationTypes.UPDATE_SLIDE_INDEX, newIndex)\r\n }\r\n\r\n const { enterScreening } = useScreening()\r\n\r\n const contextmenusThumbnails = (): ContextmenuItem[] => {\r\n return [\r\n {\r\n text: '粘贴',\r\n subText: 'Ctrl + V',\r\n handler: pasteSlide,\r\n },\r\n {\r\n text: '全选',\r\n subText: 'Ctrl + A',\r\n handler: selectAllSlide,\r\n },\r\n {\r\n text: '新建页面',\r\n subText: 'Enter',\r\n handler: createSlide,\r\n },\r\n {\r\n text: '开始演示',\r\n subText: 'Ctrl + F',\r\n handler: enterScreening,\r\n },\r\n ]\r\n }\r\n\r\n const contextmenusThumbnailItem = (): ContextmenuItem[] => {\r\n return [\r\n {\r\n text: '剪切',\r\n subText: 'Ctrl + X',\r\n handler: cutSlide,\r\n },\r\n {\r\n text: '复制',\r\n subText: 'Ctrl + C',\r\n handler: copySlide,\r\n },\r\n {\r\n text: '粘贴',\r\n subText: 'Ctrl + V',\r\n handler: pasteSlide,\r\n },\r\n {\r\n text: '全选',\r\n subText: 'Ctrl + A',\r\n handler: selectAllSlide,\r\n },\r\n { divider: true },\r\n {\r\n text: '新建页面',\r\n subText: 'Enter',\r\n handler: createSlide,\r\n },\r\n {\r\n text: '复制页面',\r\n subText: 'Ctrl + D',\r\n handler: copyAndPasteSlide,\r\n },\r\n {\r\n text: '删除页面',\r\n subText: 'Delete',\r\n handler: () => deleteSlide(),\r\n },\r\n { divider: true },\r\n {\r\n text: '从当前页演示',\r\n subText: 'Ctrl + F',\r\n handler: enterScreening,\r\n },\r\n ]\r\n }\r\n\r\n return {\r\n setThumbnailsFocus,\r\n slides,\r\n slideIndex,\r\n selectedSlidesIndex,\r\n createSlide,\r\n handleClickSlideThumbnail,\r\n contextmenusThumbnails,\r\n contextmenusThumbnailItem,\r\n fillDigit,\r\n handleDragEnd,\r\n }\r\n },\r\n})\r\n","import { render } from \"./index.vue?vue&type=template&id=6596d0d5&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=6596d0d5&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-6596d0d5\"\n\nexport default script","\r\n \r\n\r\n\r\n\r\n\r\n","export type ToolbarState = 'elAnimation' | 'elStyle' | 'elPosition' | 'slideStyle' | 'slideAnimation' | 'multiPosition'\r\n\r\nexport const ToolbarStates = {\r\n EL_ANIMATION: 'elAnimation',\r\n EL_STYLE: 'elStyle',\r\n EL_POSITION: 'elPosition',\r\n SLIDE_STYLE: 'slideStyle',\r\n SLIDE_ANIMATION: 'slideAnimation',\r\n MULTI_POSITION: 'multiPosition',\r\n}","\r\n {{ fillDigit(index + 1, 2) }}
\r\n \r\n
\r\n\r\n\r\n","\r\n \r\n 请先选中要编辑的元素\r\n
\r\n \r\n \r\n emitRichTextCommand('fontname', value)\"\r\n >\r\n \r\n \r\n {{font.label}}\r\n \r\n \r\n \r\n \r\n {{font.label}}\r\n \r\n \r\n \r\n emitRichTextCommand('fontsize', value)\"\r\n >\r\n \r\n {{fontsize}}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n emitRichTextCommand('color', value)\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n emitRichTextCommand('backcolor', value)\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n updateFill(value)\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n emitRichTextCommand('align', e.target.value)\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n\r\n {{item.label}}
\r\n \r\n
\r\n 行间距：
\r\n \r\n \r\n
\r\n\r\n 字间距：
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTElement } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nexport default defineComponent({\r\n name: 'element-opacity',\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n updateOpacity(value)\" \r\n />\r\n
\r\n 不透明度：
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n\r\n\r\n\r\n\r\n","\r\nexport default {\r\n name: 'color-button',\r\n props: {\r\n color: {\r\n type: String,\r\n required: true,\r\n },\r\n },\r\n}\r\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","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTElement, PPTElementOutline } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport ColorButton from './ColorButton.vue'\r\n\r\nexport default defineComponent({\r\n name: 'element-outline',\r\n components: {\r\n ColorButton,\r\n },\r\n props: {\r\n fixed: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n
\r\n \r\n 启用边框：
\r\n \r\n toggleOutline(checked)\" \r\n />\r\n
\r\n \r\n
\r\n 边框样式：
\r\n \r\n \r\n \r\n \r\n updateOutline({ color: value })\"\r\n />\r\n \r\n \r\n
\r\n 边框颜色：
\r\n \r\n updateOutline({ width: value })\" \r\n style=\"flex: 3;\" \r\n />\r\n
\r\n \r\n 边框粗细：
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTElement, PPTElementShadow } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport ColorButton from './ColorButton.vue'\r\n\r\nexport default defineComponent({\r\n name: 'element-shadow',\r\n components: {\r\n ColorButton,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n
\r\n \r\n 启用阴影：
\r\n \r\n toggleShadow(checked)\" />\r\n
\r\n \r\n updateShadow({ h: value })\" \r\n style=\"flex: 3;\" \r\n />\r\n
\r\n 水平阴影：
\r\n \r\n updateShadow({ v: value })\" \r\n style=\"flex: 3;\"\r\n />\r\n
\r\n 垂直阴影：
\r\n \r\n updateShadow({ blur: value })\" \r\n style=\"flex: 3;\"\r\n />\r\n
\r\n 模糊距离：
\r\n \r\n \r\n \r\n updateShadow({ color: value })\"\r\n />\r\n \r\n \r\n
\r\n \r\n 阴影颜色：
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n replaceImage(files)\">\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n 按形状裁剪：
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n {{type.label}}：
\r\n \r\n
\r\n \r\n \r\n \r\n updateFilter(filter, value)\"\r\n />\r\n
\r\n {{filter.label}}
\r\n {{filter.value}}
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTImageElement, PPTShapeElement } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nexport default defineComponent({\r\n name: 'element-flip',\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTShapeElement, ShapeGradient } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport ElementOpacity from '../common/ElementOpacity.vue'\r\nimport ElementOutline from '../common/ElementOutline.vue'\r\nimport ElementShadow from '../common/ElementShadow.vue'\r\nimport ElementFlip from '../common/ElementFlip.vue'\r\nimport ColorButton from '../common/ColorButton.vue'\r\n\r\nexport default defineComponent({\r\n name: 'shape-style-panel',\r\n components: {\r\n ElementOpacity,\r\n ElementOutline,\r\n ElementShadow,\r\n ElementFlip,\r\n ColorButton,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n \r\n \r\n \r\n \r\n updateFill(value)\"\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n updateGradient({ color: [value, gradient.color[1]] })\"\r\n />\r\n \r\n \r\n
\r\n 起点颜色：
\r\n \r\n \r\n \r\n updateGradient({ color: [gradient.color[0], value] })\"\r\n />\r\n \r\n \r\n
\r\n 终点颜色：
\r\n \r\n updateGradient({ rotate: value })\" \r\n />\r\n
\r\n \r\n\r\n 渐变角度：
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTLineElement } from '@/types/slides'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport ElementShadow from '../common/ElementShadow.vue'\r\nimport ColorButton from '../common/ColorButton.vue'\r\n\r\nexport default defineComponent({\r\n name: 'line-style-panel',\r\n components: {\r\n ElementShadow,\r\n ColorButton,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n
\r\n 线条样式：
\r\n \r\n \r\n \r\n \r\n updateLine({ color: value })\"\r\n />\r\n \r\n \r\n
\r\n 线条颜色：
\r\n \r\n updateLine({ width: value })\" \r\n style=\"flex: 3;\" \r\n />\r\n
\r\n \r\n 线条宽度：
\r\n \r\n
\r\n 起点样式：
\r\n \r\n \r\n
\r\n\r\n 终点样式：
\r\n \r\n \r\n \r\n\r\n \r\n updateData(value)\"\r\n />\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n updateOptions({ showArea: e.target.checked })\"\r\n :checked=\"showArea\" \r\n style=\"flex: 1;\"\r\n >面积图样式 \r\n updateOptions({ showLine: !e.target.checked })\"\r\n :checked=\"!showLine\" \r\n style=\"flex: 1;\"\r\n >散点图样式 \r\n
\r\n \r\n updateOptions({ lineSmooth: e.target.checked })\" \r\n :checked=\"lineSmooth\"\r\n >使用平滑曲线 \r\n
\r\n \r\n \r\n updateOptions({ horizontalBars: e.target.checked })\" \r\n :checked=\"horizontalBars\"\r\n >条形图样式 \r\n
\r\n \r\n updateOptions({ donut: e.target.checked })\" \r\n :checked=\"donut\"\r\n >环形图样式 \r\n
\r\n\r\n \r\n \r\n \r\n updateFill(value)\"\r\n />\r\n \r\n \r\n
\r\n 背景填充：
\r\n \r\n \r\n \r\n updateTheme(value)\"\r\n />\r\n \r\n \r\n
\r\n 主题配色：
\r\n \r\n \r\n \r\n updateGridColor(value)\"\r\n />\r\n \r\n \r\n
\r\n\r\n 网格颜色：
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { ChartData } from '@/types/slides'\r\nimport { computed, defineComponent, onMounted, PropType, ref } from 'vue'\r\n\r\nconst CELL_WIDTH = 100\r\nconst CELL_HEIGHT = 32\r\n\r\nexport default defineComponent({\r\n name: 'chart-data-editor',\r\n props: {\r\n data: {\r\n type: Object as PropType\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n updateTextAttrs({ fontname: value })\"\r\n >\r\n \r\n \r\n {{font.label}}\r\n \r\n \r\n \r\n \r\n {{font.label}}\r\n \r\n \r\n \r\n updateTextAttrs({ fontsize: value })\"\r\n >\r\n \r\n {{fontsize}}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n updateTextAttrs({ color: value })\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n updateTextAttrs({ backcolor: value })\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n updateTextAttrs({ align: e.target.value })\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, onUnmounted, ref, watch } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTTableElement, TableCell, TableCellStyle, TableTheme } from '@/types/slides'\r\nimport emitter, { EmitterEvents } from '@/utils/emitter'\r\nimport { createRandomCode } from '@/utils/common'\r\nimport { WEB_FONTS } from '@/configs/font'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport { message } from 'ant-design-vue'\r\n\r\nimport ElementOutline from '../common/ElementOutline.vue'\r\nimport ColorButton from '../common/ColorButton.vue'\r\n\r\nconst webFonts = WEB_FONTS\r\n\r\nexport default defineComponent({\r\n name: 'table-style-panel',\r\n components: {\r\n ElementOutline,\r\n ColorButton,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n setTableRow(e)\"\r\n @blur=\"e => setTableRow(e)\"\r\n style=\"flex: 3;\" \r\n />\r\n
\r\n 行数：
\r\n \r\n setTableCol(e)\"\r\n @blur=\"e => setTableCol(e)\"\r\n style=\"flex: 3;\" \r\n />\r\n
\r\n\r\n 列数：
\r\n \r\n
\r\n\r\n \r\n 启用主题表格：
\r\n \r\n toggleTheme(checked)\" \r\n />\r\n
\r\n \r\n updateTheme({ rowHeader: e.target.checked })\" \r\n :checked=\"theme.rowHeader\" \r\n style=\"flex: 1;\"\r\n >标题行 \r\n updateTheme({ rowFooter: e.target.checked })\" \r\n :checked=\"theme.rowFooter\" \r\n style=\"flex: 1;\"\r\n >汇总行 \r\n
\r\n \r\n updateTheme({ colHeader: e.target.checked })\" \r\n :checked=\"theme.colHeader\" \r\n style=\"flex: 1;\"\r\n >第一列 \r\n updateTheme({ colFooter: e.target.checked })\" \r\n :checked=\"theme.colFooter\" \r\n style=\"flex: 1;\"\r\n >最后一列 \r\n
\r\n \r\n \r\n \r\n updateTheme({ color: value })\"\r\n />\r\n \r\n \r\n
\r\n \r\n 主题颜色：
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, ref, watch } from 'vue'\r\nimport round from 'lodash/round'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTElement } from '@/types/slides'\r\nimport { MIN_SIZE } from '@/configs/element'\r\nimport useOrderElement from '@/hooks/useOrderElement'\r\nimport useAlignElementToCanvas from '@/hooks/useAlignElementToCanvas'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nexport default defineComponent({\r\n name: 'element-positopn-panel',\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n updateLeft(value)\"\r\n style=\"flex: 4;\"\r\n />\r\n \r\n updateTop(value)\"\r\n style=\"flex: 4;\"\r\n />\r\n
\r\n 位置：
\r\n \r\n \r\n
\r\n\r\n \r\n X
\r\n \r\n Y
\r\n \r\n updateWidth(value)\"\r\n style=\"flex: 4;\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n updateHeight(value)\"\r\n style=\"flex: 4;\"\r\n />\r\n
\r\n 大小：
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n 宽
\r\n \r\n 高
\r\n \r\n \r\n \r\n \r\n \r\n \r\n updateRotate(value)\" \r\n style=\"flex: 4;\" \r\n />\r\n
\r\n \r\n 旋转：
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\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]","\r\nimport { computed, defineComponent, ref } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { PPTAnimation, PPTElement, Slide } from '@/types/slides'\r\nimport { ANIMATIONS } from '@/configs/animation'\r\nimport { ELEMENT_TYPE_ZH } from '@/configs/element'\r\nimport useHistorySnapshot from '@/hooks/useHistorySnapshot'\r\n\r\nimport Draggable from 'vuedraggable'\r\n\r\nconst animationTypes: { [key: string]: string } = {}\r\nfor (const type of ANIMATIONS) {\r\n for (const animation of type.children) {\r\n animationTypes[animation.value] = animation.name\r\n }\r\n}\r\n\r\nexport default defineComponent({\r\n name: 'element-animation-panel',\r\n components: {\r\n Draggable,\r\n },\r\n setup() {\r\n const store = useStore()\r\n const handleElement = computed\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{type.name}}：
\r\n \r\n
\r\n \r\n
\r\n \r\n {{item.name}}\r\n
\r\n \r\n
\r\n \r\n {{index + 1}}
\r\n 【{{element.elType}}】{{element.animationType}}
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 2\">\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\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\r\n handleInput($event)\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent } from 'vue'\r\nimport { MutationTypes, useStore } from '@/store'\r\nimport { Slide } from '@/types/slides'\r\n\r\nexport default defineComponent({\r\n name: 'remark',\r\n props: {\r\n height: {\r\n type: Number,\r\n required: true,\r\n },\r\n },\r\n setup(props, { emit }) {\r\n const store = useStore()\r\n const currentSlide = computed resize($event)\"\r\n >
\r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n\r\n \r\n {{slideIndex + 1}} / {{slides.length}}\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n","\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, PropType } from 'vue'\r\nimport { PPTChartElement } from '@/types/slides'\r\n\r\nimport ElementOutline from '@/views/components/element/ElementOutline.vue'\r\nimport Chart from './Chart.vue'\r\n\r\nexport default defineComponent({\r\n name: 'screen-element-chart',\r\n components: {\r\n ElementOutline,\r\n Chart,\r\n },\r\n props: {\r\n elementInfo: {\r\n type: Object as PropType\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, onMounted, PropType, reactive, ref } from 'vue'\r\n\r\nconst penSize = 6\r\nconst rubberSize = 80\r\n\r\nexport default defineComponent({\r\n name: 'writing-board',\r\n props: {\r\n color: {\r\n type: String,\r\n default: '#ffcc00',\r\n },\r\n model: {\r\n type: String as PropType<'pen' | 'eraser'>,\r\n default: 'pen',\r\n },\r\n },\r\n setup(props) {\r\n let ctx: CanvasRenderingContext2D | null = null\r\n const writingBoardRef = ref\r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { defineComponent, ref } from 'vue'\r\n\r\nexport default defineComponent({\r\n name: 'file-input',\r\n props: {\r\n accept: {\r\n type: String,\r\n default: 'image/*',\r\n },\r\n },\r\n setup(props, { emit }) {\r\n const inputRef = ref\r\n
\r\n\r\n \r\n changeColor(value)\" />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n changeColor(value)\" />\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n\r\n 最近使用：
\r\n \r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n","\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\n \r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent } from 'vue'\r\n\r\nconst checkboardCache = {}\r\n\r\nconst renderCheckboard = (white: string, grey: string, size: number) => {\r\n const canvas = document.createElement('canvas')\r\n canvas.width = canvas.height = size * 2\r\n const ctx = canvas.getContext('2d')\r\n \r\n if (!ctx) return null\r\n\r\n ctx.fillStyle = white\r\n ctx.fillRect(0, 0, canvas.width, canvas.height)\r\n ctx.fillStyle = grey\r\n ctx.fillRect(0, 0, size, size)\r\n ctx.translate(size, size)\r\n ctx.fillRect(0, 0, size, size)\r\n return canvas.toDataURL()\r\n}\r\n\r\nconst getCheckboard = (white: string, grey: string, size: number) => {\r\n const key = white + ',' + grey + ',' + size\r\n if (checkboardCache[key]) return checkboardCache[key]\r\n \r\n const checkboard = renderCheckboard(white, grey, size)\r\n checkboardCache[key] = checkboard\r\n return checkboard\r\n}\r\n\r\nexport default defineComponent({\r\n name: 'checkboard',\r\n props: {\r\n size: {\r\n type: Number,\r\n default: 8,\r\n },\r\n white: {\r\n type: String,\r\n default: '#fff',\r\n },\r\n grey: {\r\n type: String,\r\n default: '#e6e6e6',\r\n },\r\n },\r\n setup(props) {\r\n const bgStyle = computed(() => {\r\n const checkboard = getCheckboard(props.white, props.grey, props.size)\r\n return { backgroundImage: `url(${checkboard})` }\r\n })\r\n\r\n return {\r\n bgStyle,\r\n }\r\n },\r\n})\r\n","import { render } from \"./Checkboard.vue?vue&type=template&id=e9a0ac98&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=e9a0ac98&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-e9a0ac98\"\n\nexport default script","\r\nimport { computed, defineComponent, onUnmounted, PropType, ref } from 'vue'\r\n\r\nimport Checkboard from './Checkboard.vue'\r\nimport { ColorFormats } from 'tinycolor2'\r\n\r\nexport default defineComponent({\r\n name: 'alpha',\r\n components: {\r\n Checkboard,\r\n },\r\n props: {\r\n value: {\r\n type: Object as PropType\r\n
\r\n \r\n handleMouseDown($event)\"\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, onUnmounted, PropType, ref, watch } from 'vue'\r\nimport tinycolor, { ColorFormats } from 'tinycolor2'\r\n\r\nexport default defineComponent({\r\n name: 'hue',\r\n props: {\r\n value: {\r\n type: Object as PropType handleMouseDown($event)\"\r\n >\r\n
\r\n \r\n \r\n
\r\n handleMouseDown($event)\"\r\n >\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, onUnmounted, PropType, ref } from 'vue'\r\nimport tinycolor, { ColorFormats } from 'tinycolor2'\r\nimport throttle from 'lodash/throttle'\r\nimport clamp from 'lodash/clamp'\r\n\r\nexport default defineComponent({\r\n name: 'saturation',\r\n props: {\r\n value: {\r\n type: Object as PropType\r\n \r\n
\r\n \r\n handleInput($event)\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport tinycolor, { ColorFormats } from 'tinycolor2'\r\n\r\nexport default defineComponent({\r\n name: 'editable-input',\r\n props: {\r\n value: {\r\n type: Object as PropType