| | |
| | | let cellarea = ref(` |
| | | <div class="vxe-table--cell-area" style="font-size: 10px;text-align: left" > |
| | | <span class="vxe-table--cell-main-area" > |
| | | <p style="bottom: 0;color: blue;background-color: #5cadfe"></p> |
| | | <p style="bottom: 0;color: blue;background-color: #5cadfe; margin-top: auto;"></p> |
| | | </span> |
| | | <span class="vxe-table--cell-active-area" ></span> |
| | | </div> |
| | |
| | | //cellarea.value = newElement |
| | | //添加多选列 |
| | | nextTick(() => { |
| | | window.addEventListener("keypress", ()=>{ |
| | | window.addEventListener("keydown", ()=>{ |
| | | destroyAreaBox() |
| | | }) |
| | | window.addEventListener("mousedown", tableOutDestroyAreaBox)//给window添加鼠标按下事件,判断是否在表格外,是销毁 |
| | |
| | | |
| | | //鼠标按下事件 |
| | | const tbodymousedown = (event: MouseEvent) => { |
| | | event.stopPropagation()//阻止冒泡 |
| | | //event.stopPropagation()//阻止冒泡 |
| | | getTablexGrid().closeMenu()//手动关闭右键菜单 |
| | | //左键0,中键1,右键2 |
| | | if (event.button === 0) {//左键按下 |
| | |
| | | isSelecting.value = false//标记为停止选择操作 |
| | | } |
| | | const result = exportData() |
| | | if(!result){ |
| | | return |
| | | } |
| | | const activeElement = getTablexGrid().$el.querySelector(".vxe-table--main-wrapper .vxe-table--body-wrapper .vxe-table--cell-main-area p") |
| | | const element = xGrid.value.$el.querySelector(".vxe-table--fixed-wrapper .vxe-table--fixed-left-wrapper .vxe-table--body-wrapper .vxe-table--cell-main-area p") |
| | | |
| | |
| | | element.style.height = `${height}px` |
| | | element.style.top = `${top}px` |
| | | element.style.display = "block" |
| | | if(index%2==1){ |
| | | element.style.display = "flex" |
| | | element.style.flexDirection = 'column' |
| | | } |
| | | |
| | | if (index <= elements.length - 1 - 2) {//如果不是rightFixedActiveElement或rightFixedMainElement |
| | | element.style.left = `${left}px` |
| | | } else { |
| | |
| | | export { |
| | | addListener, |
| | | toolbarButtonClickEvent, |
| | | exportData |
| | | exportData, |
| | | destroyAreaBox |
| | | } |