lxm--日历右键菜单

@CONTROL/日历部件/CONTROL-BASE.vue.ftl

@@ -28,10 +28,12 @@
             :color="item.color"
             :timestamp="item.start" 
             placement="top">
-            <el-card @click.native="onEventClick(item,true,$event)" :class="item.className">
-              <h4>{{item.title}}</h4>
-              <p>从 {{item.start}} 至 {{item.end}}</p>
-            </el-card>
+            <context-menu :contextMenuStyle="{width: '100%'}" :data="item" :renderContent="renderContextMenu">
+              <el-card @click.native="onEventClick(item,true,$event)" :class="item.className">
+                <h4>{{item.title}}</h4>
+                <p>从 {{item.start}} 至 {{item.end}}</p>
+              </el-card>
+            </context-menu>
           </el-timeline-item>
         </el-timeline>
 <#else>
@@ -59,6 +61,7 @@
           :customButtons="customButtons"
           :validRange="validRange"
           :defaultDate="defaultDate"
+          :eventRender="eventRender"
           @dateClick="onDateClick"
           @eventClick="onEventClick"
           @eventDrop="onEventDrop"
@@ -76,6 +79,7 @@ import dayGridPlugin from '@fullcalendar/daygrid'
 import timeGridPlugin from '@fullcalendar/timegrid';
 import listPlugin from '@fullcalendar/list';
 import interactionPlugin from '@fullcalendar/interaction'
+import ContextMenu from '@components/context-menu/context-menu'
 </#assign>
 
 <#assign component_block>
@@ -679,8 +683,30 @@ FullCalendar,
       <#assign batchToolbar = ctrl.getBatchPSDEToolbar()/>
       ${P.getCtrlCode(batchToolbar, 'CONTROL.vue').code}
     </#if>
-
     
+    /**
+     * 事件绘制回调
+     *
+     * @param {*} info 信息
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public eventRender(info?:any,) {
+        let data = Object.assign({title: info.event.title, start: info.event.start, end: info.event.end}, info.event.extendedProps);
+        info.el.addEventListener('contextmenu', (event: MouseEvent) => {
+            event.preventDefault();
+            let props = { data: data, renderContent: this.renderContextMenu };
+            let component = ContextMenu;
+            const vm:any = new Vue({
+                render(h) {
+                    return h(component, { props });
+                }
+            }).$mount();
+            document.body.appendChild(vm.$el);
+            const comp: any = vm.$children[0];
+            comp.showContextMenu(event.clientX, event.clientY);
+        });
+    }
+
     /**
      * 绘制右键菜单
      *