You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
22 KiB

1 month ago
  1. {"ast":null,"code":"import { getCurrentInstance, inject, ref } from 'vue';\nimport { isNull } from 'lodash-unified';\nimport { TABLE_INJECTION_KEY } from '../tokens.mjs';\nimport { isClient } from '@vueuse/core';\nimport { addClass, hasClass, removeClass } from '../../../../utils/dom/style.mjs';\nimport { isElement } from '../../../../utils/types.mjs';\nfunction useEvent(props, emit) {\n const instance = getCurrentInstance();\n const parent = inject(TABLE_INJECTION_KEY);\n const handleFilterClick = event => {\n event.stopPropagation();\n return;\n };\n const handleHeaderClick = (event, column) => {\n if (!column.filters && column.sortable) {\n handleSortClick(event, column, false);\n } else if (column.filterable && !column.sortable) {\n handleFilterClick(event);\n }\n parent == null ? void 0 : parent.emit(\"header-click\", column, event);\n };\n const handleHeaderContextMenu = (event, column) => {\n parent == null ? void 0 : parent.emit(\"header-contextmenu\", column, event);\n };\n const draggingColumn = ref(null);\n const dragging = ref(false);\n const dragState = ref({});\n const handleMouseDown = (event, column) => {\n if (!isClient) return;\n if (column.children && column.children.length > 0) return;\n if (draggingColumn.value && props.border) {\n dragging.value = true;\n const table = parent;\n emit(\"set-drag-visible\", true);\n const tableEl = table == null ? void 0 : table.vnode.el;\n const tableLeft = tableEl.getBoundingClientRect().left;\n const columnEl = instance.vnode.el.querySelector(`th.${column.id}`);\n const columnRect = columnEl.getBoundingClientRect();\n const minLeft = columnRect.left - tableLeft + 30;\n addClass(columnEl, \"noclick\");\n dragState.value = {\n startMouseLeft: event.clientX,\n startLeft: columnRect.right - tableLeft,\n startColumnLeft: columnRect.left - tableLeft,\n tableLeft\n };\n const resizeProxy = table == null ? void 0 : table.refs.resizeProxy;\n resizeProxy.style.left = `${dragState.value.startLeft}px`;\n document.onselectstart = function () {\n return false;\n };\n document.ondragstart = function () {\n return false;\n };\n const handleMouseMove2 = event2 => {\n const deltaLeft = event2.clientX - dragState.value.startMouseLeft;\n const proxyLeft = dragState.value.startLeft + deltaLeft;\n resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`;\n };\n const handleMouseUp = () => {\n if (dragging.value) {\n const {\n startColumnLeft,\n startLeft\n } = dragState.value;\n const finalLeft = Number.parseInt(resizeProxy.style.left, 10);\n const columnWidth = finalLeft - startColumnLeft;\n column.width = column.realWidth = columnWidth;\n table == null ? void 0 : table.emit(\"header-dragend\", column.width, startLeft - startColumnLeft, column, event);\n requestAnimationFrame(() => {\n props.store.scheduleLayout(false, true);\n });\n document.body.style.cursor = \"\";\n dragging.value = false;\n draggingColumn.value = null;\n dragState.value = {};\n emit(\"set-drag-visible\", false);\n }\n document.removeEventListener(\"mousemove\", handleMouseMove2);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n document.onselectstart = null;\n document.ondragstart = null;\n setTimeout(() => {\n removeClass(columnEl, \"noclick\");\n }, 0);\n };\n document.addEventListener(\"mousemove\", handleMouseMove2);\n document.addEventListener(\"mouseup\", handleMouseUp);\n }\n };\n const handleMouseMove = (event, column) => {\n var _a;\n if (column.children && column.children.length > 0) return;\n const el = event.target;\n if (!isElement(el)) {\n return;\n }\n const target = el == null ? void 0 : el.closest(\"th\");\n if (