pro-design-vue 0.0.1-beta.1

package/es/components/table/src/components/Drag/RowHandler.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHandler.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Drag/RowHandler.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 13:59:21\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, VNode } from 'vue'\nimport type { ColumnType, DefaultRecordType, DragRowEventInfo, Key } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  onMounted,\n  onBeforeUnmount,\n  render,\n  shallowRef,\n  createVNode,\n  reactive,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRow } from '../context/BodyRowsContext'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport {\n  ICON_TYPE_DOWN,\n  ICON_TYPE_FORBID,\n  ICON_TYPE_UP,\n  OFFSET_X,\n  OFFSET_Y,\n  DOWN,\n  UP,\n} from './constant'\nimport { dragForbidIcon, dragUpAndDownIcon, dragIcon } from './icon'\nimport { eventsClose } from '../../utils/util'\nimport { useAutoScroll } from '../../hooks/useAutoScroll'\nimport raf from '../../utils/raf'\n\nexport default defineComponent({\n  name: 'RowDragHandler',\n  props: {\n    columnKey: [String, Number],\n    disabled: Boolean,\n    column: Object as PropType<ColumnType<DefaultRecordType>>,\n  },\n  setup(props, { slots }) {\n    const dragging = ref(false)\n    const spanRef = ref<HTMLSpanElement>()\n\n    const {\n      prefixCls,\n      dragRowsHandle,\n      draggingRowKey,\n      insertToRowKey,\n      onRowDragEnd,\n      scrollTo,\n      bodyMaxWidth,\n      isMyChildren,\n      getRecordByKey,\n      getIndexsByKey,\n      childrenColumnName,\n      getKeyByIndexs,\n      scrollTop,\n      scrollLeft,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n    } = useInjectTable()\n    const { dragRowPlaceholderRef, bodyRef } = useInjectBody()\n    const { height, top, rowKey } = useInjectBodyRow()\n    const tableSlotsContext = useInjectSlots()\n\n    let rafFrame: RafFrame\n    const clientY = ref()\n    const clientX = ref()\n    const clientY2 = ref()\n    const dragGhostDom = document.createElement('div')\n    const allowed = ref(true)\n    let cacheMouseEvent: MouseEvent | null = null\n    let bodyRect: DOMRect | Record<string, any> = {}\n    let parentOffsetWidth = 0\n    const destroyHandlers: Array<() => void> = []\n    let dragGhostImage: VNode | null = null\n    const iconType = ref(ICON_TYPE_DOWN)\n    const fromIndexs = computed(() => getIndexsByKey(rowKey.value))\n\n    onMounted(() => {\n      if (dragRowsHandle.has(props.columnKey!)) {\n        dragRowsHandle.get?.(props.columnKey!)?.add(spanRef.value!)\n      } else {\n        dragRowsHandle.set(props.columnKey!, new Set([spanRef.value!]))\n      }\n    })\n    onBeforeUnmount(() => {\n      dragRowsHandle.get(props.columnKey!)?.delete(spanRef.value!)\n      if (dragRowsHandle.get(props.columnKey!)?.size === 0) {\n        dragRowsHandle.delete(props.columnKey!)\n      }\n      raf.cancel(rafFrame)\n      render(null, dragGhostDom)\n    })\n\n    const batchEvent = (eventList: any) => {\n      eventList.forEach((config: any) => {\n        const { target, type, listener, options } = config\n        target.addEventListener(type, listener, options)\n      })\n      destroyHandlers.push(() => {\n        eventList.forEach((config: any) => {\n          const { target, type, listener, options } = config\n          target.removeEventListener(type, listener, options)\n        })\n      })\n    }\n    const rowDragEvent = shallowRef<MouseEvent | Touch>()\n    const handleMouseMoveOrTouchMove = (\n      event: MouseEvent | Touch,\n      cacheEvent: MouseEvent | Touch,\n    ) => {\n      rowDragEvent.value = event\n      if (!dragging.value) {\n        if (eventsClose(event, cacheEvent, 4)) {\n          return\n        }\n        dragging.value = true\n        clientY2.value = event.clientY\n        draggingRowKey.value = rowKey.value\n        parentOffsetWidth = spanRef.value!.parentElement!.offsetWidth\n        getRootDocument().appendChild(dragGhostDom)\n        renderDragGhost()\n      }\n      allowed.value = true\n      clientX.value = event.clientX\n      clientY.value = event.clientY\n      ;(() => {\n        const { y, height } = bodyRect\n        const pageYOffset = window.pageYOffset || document.documentElement.scrollTop\n        return clientY.value + 10 <= y\n          ? ((dragGhostDom.style.top = y + pageYOffset - 20 + 'px'), true)\n          : clientY.value > y + height &&\n              ((dragGhostDom.style.top = y + pageYOffset + height - OFFSET_Y + 'px'), true)\n      })()\n        ? ((allowed.value = false), ensureCleared())\n        : (check(event, false), (dragGhostDom.style.top = event.pageY - OFFSET_Y + 'px'))\n      ;(() => {\n        const { x, width } = bodyRect\n        const left = window.pageXOffset || document.documentElement.scrollLeft\n        return clientX.value + OFFSET_X <= x\n          ? ((dragGhostDom.style.left = x + left - 20 + 'px'), true)\n          : clientX.value + OFFSET_X >= x + width &&\n              ((dragGhostDom.style.left = x + left + width - 20 + 'px'), true)\n      })()\n        ? (allowed.value = false)\n        : (dragGhostDom.style.left = event.pageX - OFFSET_X + 'px')\n    }\n\n    let cacheStartTouch: TouchList[number] | null | undefined\n    let cacheTouch: TouchList[number] | null | undefined\n    const getTouch = (touches: TouchList) => {\n      for (let i = 0; i < touches.length; i++) {\n        if (touches[i]?.identifier === cacheTouch?.identifier) {\n          return touches[i]\n        }\n      }\n      return null\n    }\n\n    const handleMouseUpOrToucheEnd = (event: MouseEvent | Touch) => {\n      if (dragging.value) {\n        dragging.value = false\n        getRootDocument().removeChild(dragGhostDom)\n      }\n      rowDragEvent.value = event\n      cacheMouseEvent = null\n      cacheTouch = null\n      cacheStartTouch = null\n      ensureCleared()\n      draggingRowKey.value = null\n      insertToRowKey.value = null\n      dragRowPlaceholderRef.value!.style.opacity = '0'\n      destroyHandlers.forEach((fn) => fn())\n      destroyHandlers.length = 0\n      raf.cancel(rafFrame)\n    }\n\n    const documentTouchMoveHandler = (event: TouchEvent) => {\n      event.cancelable && event.preventDefault()\n    }\n    const touchMoveHandler = (event: TouchEvent) => {\n      const touch = getTouch(event.touches)\n      touch && handleMouseMoveOrTouchMove(touch, cacheTouch!)\n    }\n    const touchEndHandler = (event: TouchEvent) => {\n      let touch = getTouch(event.touches)\n      if (!touch) {\n        touch = cacheStartTouch\n      }\n      handleMouseUpOrToucheEnd(touch!)\n    }\n\n    const contextmenuHandler = (event: MouseEvent) => event.preventDefault()\n    const mouseMoveHandler = (event: MouseEvent) => {\n      handleMouseMoveOrTouchMove(event, cacheMouseEvent!)\n    }\n    const mouseUpHandler = (event: MouseEvent) => {\n      handleMouseUpOrToucheEnd(event)\n    }\n\n    const renderDragGhostImage = () => {\n      let dragIcon = dragUpAndDownIcon\n      if (iconType.value === ICON_TYPE_FORBID) {\n        dragIcon = dragForbidIcon\n      }\n      if (tableSlotsContext.rowDragGhost) {\n        if ('preTargetInfo' in dragRowEventInfo) {\n          return tableSlotsContext.rowDragGhost({\n            record: getRecordByKey(rowKey.value),\n            preTargetInfo: dragRowEventInfo.preTargetInfo,\n            nextTargetInfo: dragRowEventInfo.nextTargetInfo,\n            column: props.column!,\n            icon: createVNode(\n              'span',\n              { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },\n              null,\n            ),\n            allowed: allowed.value,\n            dragging: dragging.value,\n            event: rowDragEvent.value!,\n          })\n        }\n      }\n      return [\n        createVNode(\n          'span',\n          { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },\n          null,\n        ),\n        createVNode(\n          'span',\n          {\n            class: `${prefixCls.value}-drag-ghost-image-label`,\n            style: { maxWidth: `${parentOffsetWidth}px` },\n          },\n          [slots.label?.()],\n        ),\n      ]\n    }\n\n    const renderDragGhost = () => {\n      if (!dragGhostImage) {\n        dragGhostImage = createVNode(renderDragGhostImage)\n      }\n      render(dragGhostImage, dragGhostDom)\n    }\n\n    watch(\n      [prefixCls],\n      () => {\n        dragGhostDom.className = `${prefixCls.value}-drag-ghost-image`\n      },\n      { immediate: true },\n    )\n    const dragRowEventInfo = reactive<DragRowEventInfo>({} as DragRowEventInfo)\n    const getRootDocument = () => document.fullscreenElement || document.body\n\n    const getDragDirection = () => {\n      const { top } = spanRef.value!.getBoundingClientRect()\n      return clientY.value - top >= 0 ? DOWN : UP\n    }\n\n    const handleDraging = () => {\n      const { preTargetInfo, nextTargetInfo } = dragRowEventInfo\n      if (isMyChildren(rowKey.value, preTargetInfo?.rowKey || '') || !allowed.value) {\n        dragRowPlaceholderRef.value!.style.opacity = '0'\n        insertToRowKey.value = null\n        return\n      }\n      let nextTargetRowKey: any = null\n      const preTargetParentIndexs = preTargetInfo ? preTargetInfo.indexs.slice(0, -1) : []\n      let preTargetParentRowKey = preTargetParentIndexs.length\n        ? getKeyByIndexs(preTargetParentIndexs.join('-'))\n        : null\n      if (nextTargetInfo) {\n        const { y, centerY, record, rowKey: nextRowKey } = nextTargetInfo\n        if (\n          record[childrenColumnName.value] &&\n          clientY.value > y + OFFSET_Y &&\n          clientY.value < centerY\n        ) {\n          nextTargetRowKey = nextRowKey\n        }\n      }\n      if (preTargetInfo && nextTargetRowKey === null) {\n        if (\n          (nextTargetInfo &&\n            !isMyChildren(preTargetInfo.rowKey, nextTargetInfo.rowKey) &&\n            nextTargetInfo.indexs.slice(0, -1).join('-') !==\n              preTargetInfo.indexs.slice(0, -1).join('-')) ||\n          !nextTargetInfo\n        ) {\n          const { centerY, height, y } = preTargetInfo\n          if (clientY.value < centerY + height / 4) {\n            nextTargetRowKey = preTargetParentIndexs.length\n              ? getKeyByIndexs(preTargetParentIndexs.join('-'))\n              : null\n          } else if (\n            clientY.value < y + height &&\n            (!nextTargetInfo || nextTargetInfo.indexs.length < preTargetInfo.indexs.length)\n          ) {\n            const preTargetParentParentIndexs = preTargetParentIndexs.slice(0, -1)\n            nextTargetRowKey = preTargetParentParentIndexs.length\n              ? getKeyByIndexs(preTargetParentParentIndexs.join('-'))\n              : null\n            preTargetParentRowKey = nextTargetRowKey\n          } else {\n            preTargetParentRowKey = null\n          }\n        } else {\n          isMyChildren(preTargetInfo.rowKey, nextTargetInfo.rowKey) &&\n            (nextTargetRowKey = preTargetInfo.rowKey)\n        }\n      }\n\n      nextTargetRowKey === rowKey.value && (nextTargetRowKey = null)\n      if (nextTargetRowKey !== nextTargetInfo?.rowKey) {\n        dragRowPlaceholderRef.value!.style.opacity = '1'\n        dragRowPlaceholderRef.value!.style.top = `${preTargetInfo ? preTargetInfo.top + preTargetInfo.height : 0}px`\n        dragRowPlaceholderRef.value!.style.width = `${bodyMaxWidth.value}px`\n        if (!nextTargetInfo && preTargetInfo) {\n          dragRowPlaceholderRef.value!.style.top =\n            preTargetInfo.top +\n            preTargetInfo.height -\n            dragRowPlaceholderRef.value!.offsetHeight +\n            'px'\n        } else if (!preTargetInfo) {\n          dragRowPlaceholderRef.value!.style.top = `0px`\n        }\n      } else {\n        dragRowPlaceholderRef.value!.style.opacity = '0'\n      }\n      dragRowEventInfo.insertToRowKey = (nextTargetRowKey ?? preTargetParentRowKey) as Key\n      insertToRowKey.value = dragRowEventInfo.insertToRowKey\n    }\n\n    watch([dragging, clientY, allowed], () => {\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        dragging.value && !allowed.value && (iconType.value = ICON_TYPE_FORBID)\n        if (dragging.value && allowed.value) {\n          const dir = getDragDirection()\n          iconType.value = dir === DOWN ? ICON_TYPE_DOWN : ICON_TYPE_UP\n          const targetInfos: any[] = []\n          for (const dragHandle of dragRowsHandle.get(props.columnKey!)!.values()) {\n            const { y } = dragHandle.getBoundingClientRect()\n            const top = +dragHandle.getAttribute('data-scroll-top')!\n            const height = +dragHandle.getAttribute('data-height')!\n            const rowKeyType = dragHandle.getAttribute('data-row-key-type')\n            let rowKey: Key = dragHandle.getAttribute('data-row-key')!\n            rowKey = rowKeyType === 'number' ? +rowKey : rowKey\n            targetInfos.push({\n              y,\n              top,\n              height,\n              rowKey,\n              record: getRecordByKey(rowKey),\n              indexs: getIndexsByKey(rowKey),\n              centerY: y + height / 2,\n            })\n          }\n          targetInfos.sort((a, b) => a.centerY - b.centerY)\n          let preTargetInfo = targetInfos[targetInfos.length - 1] || null\n          let nextTargetInfo = null\n          const currentClientY = clientY.value\n          for (let i = 0, len = targetInfos.length; i < len; i++) {\n            const targetInfo = targetInfos[i]\n            const { centerY } = targetInfo\n            if (currentClientY <= centerY) {\n              preTargetInfo = targetInfos[i - 1] || null\n              nextTargetInfo = targetInfo\n              break\n            }\n          }\n\n          const newDragRowEventInfo = {\n            record: getRecordByKey(rowKey.value),\n            top: top.value,\n            height: height.value,\n            dir,\n            rowKey: rowKey.value,\n            event: rowDragEvent.value,\n            column: props.column,\n            preTargetInfo,\n            nextTargetInfo,\n            fromIndexs: fromIndexs.value,\n            insertToRowKey: undefined,\n          }\n          Object.assign(dragRowEventInfo, newDragRowEventInfo)\n          handleDraging()\n        } else {\n          dragRowPlaceholderRef.value!.style.opacity = '0'\n        }\n      })\n    })\n\n    const { check, ensureCleared } = useAutoScroll({\n      scrollContainer: bodyRef,\n      scrollAxis: 'y',\n      getVerticalPosition: () => scrollTop.value,\n      setVerticalPosition: (pos: number) => {\n        scrollTo(pos)\n      },\n      getHorizontalPosition: () => scrollLeft.value,\n      setHorizontalPosition: (pos: number) => scrollTo({ left: pos }),\n      showVerticalScrollbar: showVerticalScrollbar,\n      showHorizontalScrollbar: showHorizontalScrollbar,\n    })\n\n    watch(dragging, () => {\n      if (!dragging.value && allowed.value) {\n        onRowDragEnd(Object.assign({}, dragRowEventInfo, { event: rowDragEvent.value }))\n      }\n    })\n\n    const className = computed(() => ({\n      [`${prefixCls.value}-drag-handle`]: true,\n      [`${prefixCls.value}-drag-handle-disabled`]: props.disabled,\n      [`${prefixCls.value}-drag-dragging`]: dragging.value,\n    }))\n\n    return {\n      dragIcon,\n      dragging,\n      className,\n      spanRef,\n      top,\n      height,\n      rowKey,\n      rowKeyType: computed(() => typeof rowKey.value),\n      onMousedown: (event: MouseEvent) => {\n        event.preventDefault()\n        if (props.disabled) {\n          return\n        }\n        dragging.value = false\n        cacheMouseEvent = event\n        bodyRect = bodyRef.value!.getBoundingClientRect()\n        batchEvent([\n          { target: document, type: 'mousemove', listener: mouseMoveHandler },\n          { target: document, type: 'mouseup', listener: mouseUpHandler },\n          { target: document, type: 'contextmenu', listener: contextmenuHandler },\n        ])\n      },\n      onTouchStart: (event: TouchEvent) => {\n        if (props.disabled) return\n        dragging.value = false\n        const touch = event.touches[0]\n        cacheStartTouch = touch\n        cacheTouch = touch\n        bodyRect = bodyRef.value!.getBoundingClientRect()\n        const spanDom = spanRef.value\n        const eventList = [\n          {\n            target: document,\n            type: 'touchmove',\n            listener: documentTouchMoveHandler,\n            options: { passive: false },\n          },\n          {\n            target: spanDom,\n            type: 'touchmove',\n            listener: touchMoveHandler,\n            options: { passive: true },\n          },\n          {\n            target: spanDom,\n            type: 'touchend',\n            listener: touchEndHandler,\n            options: { passive: true },\n          },\n          {\n            target: spanDom,\n            type: 'touchcancel',\n            listener: touchEndHandler,\n            options: { passive: true },\n          },\n        ]\n        batchEvent(eventList)\n      },\n    }\n  },\n})\n</script>\n\n<template>\n  <span\n    ref=\"spanRef\"\n    :class=\"className\"\n    :aria-grabbed=\"dragging\"\n    :aria-hidden=\"true\"\n    :data-scroll-top=\"top\"\n    :data-height=\"height\"\n    :data-row-key=\"rowKey\"\n    :data-row-key-type=\"rowKeyType\"\n    :innerHTML=\"dragIcon\"\n    unselectable=\"on\"\n    @mousedown.stop=\"onMousedown\"\n    @touchstartPassive=\"onTouchStart\"\n  >\n  </span>\n</template>\n"],"names":["height","dragIcon","top","rowKey"],"mappings":"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"}

package/es/components/table/src/components/Drag/constant.d.ts

@@ -0,0 +1,12 @@
+export declare const DOWN = "down";
+export declare const UP = "up";
+export declare const LEFT = "left";
+export declare const RIGHT = "right";
+export declare const OFFSET_X = 10;
+export declare const OFFSET_Y = 10;
+export declare const DRAG_BUFF = 4;
+export declare const ICON_TYPE_UP = "ICON_TYPE_UP";
+export declare const ICON_TYPE_DOWN = "ICON_TYPE_DOWN";
+export declare const ICON_TYPE_FORBID = "ICON_TYPE_FORBID";
+export declare const ICON_TYPE_LEFT = "ICON_TYPE_LEFT";
+export declare const ICON_TYPE_RIGHT = "ICON_TYPE_RIGHT";

package/es/components/table/src/components/Drag/constant.mjs

@@ -0,0 +1,15 @@
+const DOWN = "down";
+const UP = "up";
+const LEFT = "left";
+const RIGHT = "right";
+const OFFSET_X = 10;
+const OFFSET_Y = 10;
+const DRAG_BUFF = 4;
+const ICON_TYPE_UP = "ICON_TYPE_UP";
+const ICON_TYPE_DOWN = "ICON_TYPE_DOWN";
+const ICON_TYPE_FORBID = "ICON_TYPE_FORBID";
+const ICON_TYPE_LEFT = "ICON_TYPE_LEFT";
+const ICON_TYPE_RIGHT = "ICON_TYPE_RIGHT";
+
+export { DOWN, DRAG_BUFF, ICON_TYPE_DOWN, ICON_TYPE_FORBID, ICON_TYPE_LEFT, ICON_TYPE_RIGHT, ICON_TYPE_UP, LEFT, OFFSET_X, OFFSET_Y, RIGHT, UP };
+//# sourceMappingURL=constant.mjs.map

package/es/components/table/src/components/Drag/constant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.mjs","sources":["../../../../../../../../packages/components/table/src/components/Drag/constant.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-02 09:25:33\n * @LastEditors: shen\n * @LastEditTime: 2023-11-05 13:15:52\n * @Description:\n */\nexport const DOWN = 'down'\nexport const UP = 'up'\nexport const LEFT = 'left'\nexport const RIGHT = 'right'\nexport const OFFSET_X = 10\nexport const OFFSET_Y = 10\nexport const DRAG_BUFF = 4\nexport const ICON_TYPE_UP = 'ICON_TYPE_UP'\nexport const ICON_TYPE_DOWN = 'ICON_TYPE_DOWN'\nexport const ICON_TYPE_FORBID = 'ICON_TYPE_FORBID'\nexport const ICON_TYPE_LEFT = 'ICON_TYPE_LEFT'\nexport const ICON_TYPE_RIGHT = 'ICON_TYPE_RIGHT'\n"],"names":[],"mappings":"AAOO,MAAM,IAAA,GAAO;AACb,MAAM,EAAA,GAAK;AACX,MAAM,IAAA,GAAO;AACb,MAAM,KAAA,GAAQ;AACd,MAAM,QAAA,GAAW;AACjB,MAAM,QAAA,GAAW;AACjB,MAAM,SAAA,GAAY;AAClB,MAAM,YAAA,GAAe;AACrB,MAAM,cAAA,GAAiB;AACvB,MAAM,gBAAA,GAAmB;AACzB,MAAM,cAAA,GAAiB;AACvB,MAAM,eAAA,GAAkB;;;;"}

package/es/components/table/src/components/Drag/icon.d.ts

@@ -0,0 +1,8 @@
+export declare const dragIcon = "\n<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"holder\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path d=\"M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z\"></path>\n</svg>\n";
+export declare const dragLeftIcon = "\n<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-left\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path d=\"M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"></path>\n</svg>\n";
+export declare const dragRightIcon = "<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-right\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z\"></path></svg>";
+export declare const dragUpIcon = "<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-up\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z\"></path></svg>";
+export declare const dragDownIcon = "<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-down\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z\"></path></svg>";
+export declare const dragForbidIcon = "<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372 0-89 31.3-170.8 83.5-234.8l523.3 523.3C682.8 852.7 601 884 512 884zm288.5-137.2L277.2 223.5C341.2 171.3 423 140 512 140c205.4 0 372 166.6 372 372 0 89-31.3 170.8-83.5 234.8z\"></path></svg>";
+export declare const dragUpAndDownIcon = "<svg viewBox=\"0 0 512 512\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M464 208L352 96L240 208\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M352 113.13V416\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M48 304l112 112l112-112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M160 398V96\"></path></svg>";
+export declare const dragLeftAndRightIcon = "<svg viewBox=\"0 0 512 512\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M304 48l112 112l-112 112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M398.87 160H96\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M208 464L96 352l112-112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M114 352h302\"></path></svg>";

package/es/components/table/src/components/Drag/icon.mjs

@@ -0,0 +1,11 @@
+const dragIcon = '\n<svg viewBox="64 64 896 896" focusable="false" data-icon="holder" width="1em" height="1em" fill="currentColor" aria-hidden="true">\n  <path d="M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z"></path>\n</svg>\n';
+const dragLeftIcon = '\n<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-left" width="1em" height="1em" fill="currentColor" aria-hidden="true">\n  <path d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"></path>\n</svg>\n';
+const dragRightIcon = '<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z"></path></svg>';
+const dragUpIcon = '<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-up" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"></path></svg>';
+const dragDownIcon = '<svg viewBox="64 64 896 896" focusable="false" data-icon="arrow-down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z"></path></svg>';
+const dragForbidIcon = '<svg viewBox="64 64 896 896" focusable="false" data-icon="stop" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372 0-89 31.3-170.8 83.5-234.8l523.3 523.3C682.8 852.7 601 884 512 884zm288.5-137.2L277.2 223.5C341.2 171.3 423 140 512 140c205.4 0 372 166.6 372 372 0 89-31.3 170.8-83.5 234.8z"></path></svg>';
+const dragUpAndDownIcon = '<svg viewBox="0 0 512 512" focusable="false" data-icon="stop" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M464 208L352 96L240 208"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M352 113.13V416"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M48 304l112 112l112-112"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 398V96"></path></svg>';
+const dragLeftAndRightIcon = '<svg viewBox="0 0 512 512" focusable="false" data-icon="stop" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M304 48l112 112l-112 112"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M398.87 160H96"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M208 464L96 352l112-112"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M114 352h302"></path></svg>';
+
+export { dragDownIcon, dragForbidIcon, dragIcon, dragLeftAndRightIcon, dragLeftIcon, dragRightIcon, dragUpAndDownIcon, dragUpIcon };
+//# sourceMappingURL=icon.mjs.map

package/es/components/table/src/components/Drag/icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.mjs","sources":["../../../../../../../../packages/components/table/src/components/Drag/icon.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-02 09:25:33\n * @LastEditors: shen\n * @LastEditTime: 2023-11-07 22:11:46\n * @Description:\n */\nexport const dragIcon =\n  '\\n<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"holder\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\">\\n  <path d=\"M300 276.5a56 56 0 1056-97 56 56 0 00-56 97zm0 284a56 56 0 1056-97 56 56 0 00-56 97zM640 228a56 56 0 10112 0 56 56 0 00-112 0zm0 284a56 56 0 10112 0 56 56 0 00-112 0zM300 844.5a56 56 0 1056-97 56 56 0 00-56 97zM640 796a56 56 0 10112 0 56 56 0 00-112 0z\"></path>\\n</svg>\\n'\nexport const dragLeftIcon =\n  '\\n<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-left\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\">\\n  <path d=\"M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"></path>\\n</svg>\\n'\nexport const dragRightIcon =\n  '<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-right\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 000-48.4z\"></path></svg>'\nexport const dragUpIcon =\n  '<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-up\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M868 545.5L536.1 163a31.96 31.96 0 00-48.3 0L156 545.5a7.97 7.97 0 006 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z\"></path></svg>'\nexport const dragDownIcon =\n  '<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"arrow-down\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0048.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2z\"></path></svg>'\nexport const dragForbidIcon =\n  '<svg viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372 0-89 31.3-170.8 83.5-234.8l523.3 523.3C682.8 852.7 601 884 512 884zm288.5-137.2L277.2 223.5C341.2 171.3 423 140 512 140c205.4 0 372 166.6 372 372 0 89-31.3 170.8-83.5 234.8z\"></path></svg>'\nexport const dragUpAndDownIcon =\n  '<svg viewBox=\"0 0 512 512\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M464 208L352 96L240 208\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M352 113.13V416\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M48 304l112 112l112-112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M160 398V96\"></path></svg>'\nexport const dragLeftAndRightIcon =\n  '<svg viewBox=\"0 0 512 512\" focusable=\"false\" data-icon=\"stop\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M304 48l112 112l-112 112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M398.87 160H96\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M208 464L96 352l112-112\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"32\" d=\"M114 352h302\"></path></svg>'\n"],"names":[],"mappings":"AAOO,MAAM,QAAA,GACX;AACK,MAAM,YAAA,GACX;AACK,MAAM,aAAA,GACX;AACK,MAAM,UAAA,GACX;AACK,MAAM,YAAA,GACX;AACK,MAAM,cAAA,GACX;AACK,MAAM,iBAAA,GACX;AACK,MAAM,oBAAA,GACX;;;;"}

package/es/components/table/src/components/Drag/useColumnDragHandler.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+import type { FinallyColumnType, Key } from '../interface';
+interface ColumnDragHandler {
+    columnKey: Ref<Key>;
+    disabled: Ref<boolean>;
+    column: Ref<FinallyColumnType>;
+    domRef: Ref<HTMLDivElement | undefined>;
+}
+export declare const ICON_TYPE_DOWN = "ICON_TYPE_DOWN";
+export declare const ICON_TYPE_FORBID = "ICON_TYPE_FORBID";
+declare const useColumnDragHandler: ({ columnKey, disabled, column, domRef, }: ColumnDragHandler) => void;
+export default useColumnDragHandler;

package/es/components/table/src/components/Drag/useColumnDragHandler.mjs

@@ -0,0 +1,441 @@
+import { ref, inject, watchEffect, computed, shallowRef, onMounted, nextTick, watch, onBeforeUnmount, render, toRaw, createVNode } from 'vue';
+import { useInjectSlots } from '../context/TableSlotsContext.mjs';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { useInjectHeader } from '../context/HeaderContext.mjs';
+import { VIEWPORT_REF, AUTO_HEADER_HEIGHT, DRAG_COLUMN_DIS_UNIT } from '../../utils/constant.mjs';
+import { dragLeftAndRightIcon, dragForbidIcon } from './icon.mjs';
+import { eventsClose } from '../../utils/util.mjs';
+import { OFFSET_X, DRAG_BUFF, OFFSET_Y } from './constant.mjs';
+import raf from '../../utils/raf.mjs';
+
+const ICON_TYPE_DOWN = "ICON_TYPE_DOWN";
+const ICON_TYPE_FORBID = "ICON_TYPE_FORBID";
+const getRootDocument = () => document.fullscreenElement || document.body;
+const useColumnDragHandler = ({ columnKey, disabled, column, domRef }) => {
+  const dragging = ref(false);
+  const viewportRef = inject(VIEWPORT_REF);
+  const {
+    prefixCls,
+    draggingColumnKey,
+    onColumnDragEnd,
+    scrollTo,
+    leftWidth,
+    rightWidth,
+    centerWidth,
+    bodyWidth,
+    leftHeaderColumns,
+    visibleCenterHeaderColumns,
+    rightHeaderColumns,
+    columnDrag
+  } = useInjectTable();
+  const autoHeight = inject(AUTO_HEADER_HEIGHT, false);
+  const offsetLeft = ref(0);
+  const colPosition = ref();
+  watchEffect(() => {
+    if (column.value.fixed === "right") {
+      offsetLeft.value = leftWidth.value + centerWidth.value;
+      colPosition.value = "right";
+    } else if (column.value.fixed) {
+      offsetLeft.value = 0;
+      colPosition.value = "left";
+    } else {
+      offsetLeft.value = leftWidth.value;
+      colPosition.value = "center";
+    }
+    if (autoHeight) {
+      offsetLeft.value = 0;
+    }
+  });
+  const { dragColumnPlaceholderRef, headerRef } = useInjectHeader();
+  const tableSlotsContext = useInjectSlots();
+  let rafFrame;
+  const clientY = ref();
+  const clientX = ref();
+  const clientX2 = ref();
+  const dragOverColumn = ref();
+  const dragGhostDom = document.createElement("div");
+  let scrollTimer;
+  let clientXTimer;
+  const scrollLeft = ref(0);
+  const allowed = ref(true);
+  let cacheMouseEvent = null;
+  let headerRect = {};
+  let offsetWidth = 0;
+  const destroyHandlers = [];
+  let dragGhostImage = null;
+  const iconType = ref(ICON_TYPE_DOWN);
+  const headerColumns = computed(() => {
+    switch (colPosition.value) {
+      case "left":
+        return leftHeaderColumns.value;
+      case "center":
+        return visibleCenterHeaderColumns.value;
+      case "right":
+        return rightHeaderColumns.value;
+      default:
+        return [];
+    }
+  });
+  const calDragX = computed(() => {
+    let handler = () => false;
+    if (autoHeight && colPosition.value !== "center") {
+      handler = () => {
+        var _a, _b;
+        const { x } = headerRect;
+        const minOffetLeft = colPosition.value === "left" ? ((_a = viewportRef == null ? void 0 : viewportRef.value) == null ? void 0 : _a.scrollLeft) + x : ((_b = viewportRef == null ? void 0 : viewportRef.value) == null ? void 0 : _b.scrollLeft) + x + bodyWidth.value - rightWidth.value;
+        const maxOffetLeft = colPosition.value === "left" ? minOffetLeft + leftWidth.value : minOffetLeft + rightWidth.value;
+        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft;
+        if (clientX.value + OFFSET_X <= minOffetLeft) {
+          dragGhostDom.style.left = minOffetLeft + pageXOffset - 20 + "px";
+          return true;
+        } else if (clientX.value + OFFSET_X >= maxOffetLeft) {
+          dragGhostDom.style.left = maxOffetLeft + pageXOffset - 20 + "px";
+          return true;
+        } else {
+          return false;
+        }
+      };
+    } else if (colPosition.value !== "center") {
+      handler = () => {
+        const { x, width } = headerRect;
+        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft;
+        if (clientX.value + OFFSET_X <= x) {
+          dragGhostDom.style.left = x + pageXOffset - 20 + "px";
+          return true;
+        } else if (clientX.value + OFFSET_X >= x + width) {
+          dragGhostDom.style.left = x + pageXOffset + width - 20 + "px";
+          return true;
+        } else {
+          return false;
+        }
+      };
+    } else {
+      handler = () => {
+        const { x, width } = viewportRef.value.getBoundingClientRect();
+        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft;
+        if (clientX.value + OFFSET_X <= x + leftWidth.value) {
+          dragGhostDom.style.left = x + pageXOffset + leftWidth.value - 20 + "px";
+          return true;
+        } else if (clientX.value + OFFSET_X >= x + width - rightWidth.value) {
+          dragGhostDom.style.left = x + pageXOffset + width - rightWidth.value - 20 + "px";
+          return true;
+        } else {
+          return false;
+        }
+      };
+    }
+    return handler;
+  });
+  const calDragY = () => {
+    const { y, height } = headerRect;
+    const pageYOffset = window.pageYOffset || document.documentElement.scrollTop;
+    if (clientY.value + OFFSET_Y <= y) {
+      dragGhostDom.style.top = y + pageYOffset - 20 + "px";
+      return true;
+    } else if (clientY.value > y + height) {
+      dragGhostDom.style.top = y + pageYOffset + height - 10 + "px";
+      return true;
+    } else {
+      return false;
+    }
+  };
+  const batchEvent = (eventList) => {
+    eventList.forEach((config) => {
+      const { target, type, listener, options } = config;
+      target.addEventListener(type, listener, options);
+    });
+    destroyHandlers.push(() => {
+      eventList.forEach((config) => {
+        const { target, type, listener, options } = config;
+        target.removeEventListener(type, listener, options);
+      });
+    });
+  };
+  const columnDragEvent = shallowRef();
+  const handleMouseMoveOrTouchMove = (event, cacheEvent) => {
+    var _a;
+    columnDragEvent.value = event;
+    if (!dragging.value) {
+      if (eventsClose(event, cacheEvent, DRAG_BUFF)) {
+        return;
+      }
+      dragging.value = true;
+      clientX2.value = event.clientX;
+      draggingColumnKey.value = columnKey.value;
+      offsetWidth = ((_a = domRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      getRootDocument().appendChild(dragGhostDom);
+      renderDragGhost();
+    }
+    allowed.value = true;
+    clientX.value = event.clientX;
+    clientY.value = event.clientY;
+    if (calDragY()) {
+      allowed.value = false;
+      clearInterval(clientXTimer);
+    } else {
+      dragGhostDom.style.top = event.pageY - 10 + "px";
+    }
+    if (calDragX.value()) {
+      allowed.value = false;
+    } else {
+      dragGhostDom.style.left = event.pageX - 10 + "px";
+    }
+  };
+  let cacheStartTouch;
+  let cacheTouch;
+  const getTouch = (touches) => {
+    var _a;
+    for (let i = 0; i < touches.length; i++) {
+      if (((_a = touches[i]) == null ? void 0 : _a.identifier) === (cacheTouch == null ? void 0 : cacheTouch.identifier)) {
+        return touches[i];
+      }
+    }
+    return null;
+  };
+  const handleMouseUpOrToucheEnd = (event) => {
+    if (dragging.value) {
+      dragging.value = false;
+      getRootDocument().removeChild(dragGhostDom);
+    }
+    columnDragEvent.value = event;
+    cacheMouseEvent = null;
+    cacheTouch = null;
+    cacheStartTouch = null;
+    clearInterval(clientXTimer);
+    draggingColumnKey.value = "";
+    dragColumnPlaceholderRef.value.style.opacity = "0";
+    destroyHandlers.forEach((fn) => fn());
+    destroyHandlers.length = 0;
+    raf.cancel(rafFrame);
+  };
+  const documentTouchMoveHandler = (event) => {
+    event.cancelable && event.preventDefault();
+  };
+  const onTouchStart = (event) => {
+    dragOverColumn.value = null;
+    if (disabled.value) {
+      return;
+    }
+    dragging.value = false;
+    const touch = event.touches[0];
+    cacheStartTouch = touch;
+    cacheTouch = touch;
+    headerRect = headerRef.value.getBoundingClientRect();
+    const dom = domRef.value;
+    const eventList = [
+      {
+        target: document,
+        type: "touchmove",
+        listener: documentTouchMoveHandler,
+        options: { passive: false }
+      },
+      {
+        target: dom,
+        type: "touchmove",
+        listener: touchMoveHandler,
+        options: { passive: true }
+      },
+      {
+        target: dom,
+        type: "touchend",
+        listener: touchEndHandler,
+        options: { passive: true }
+      },
+      {
+        target: dom,
+        type: "touchcancel",
+        listener: touchEndHandler,
+        options: { passive: true }
+      }
+    ];
+    batchEvent(eventList);
+  };
+  const touchMoveHandler = (event) => {
+    const touch = getTouch(event.touches);
+    touch && handleMouseMoveOrTouchMove(touch, cacheTouch);
+  };
+  const touchEndHandler = (event) => {
+    let touch = getTouch(event.touches);
+    if (!touch) {
+      touch = cacheStartTouch;
+    }
+    handleMouseUpOrToucheEnd(touch);
+  };
+  const onMousedown = (event) => {
+    event.preventDefault();
+    dragOverColumn.value = null;
+    if (disabled.value) {
+      return;
+    }
+    dragging.value = false;
+    cacheMouseEvent = event;
+    headerRect = headerRef.value.getBoundingClientRect();
+    const doc = document;
+    batchEvent([
+      { target: doc, type: "mousemove", listener: mouseMoveHandler },
+      { target: doc, type: "mouseup", listener: mouseUpHandler },
+      { target: doc, type: "contextmenu", listener: contextmenuHandler }
+    ]);
+  };
+  const contextmenuHandler = (event) => event.preventDefault();
+  const mouseMoveHandler = (event) => {
+    handleMouseMoveOrTouchMove(event, cacheMouseEvent);
+  };
+  const mouseUpHandler = (event) => {
+    handleMouseUpOrToucheEnd(event);
+  };
+  const mergeColumnDrag = computed(
+    () => column.value.drag || column.value.drag === void 0 && columnDrag.value
+  );
+  onMounted(() => {
+    nextTick(() => {
+      watch(
+        [domRef, mergeColumnDrag],
+        ([newDom], [oldDom]) => {
+          if (oldDom) {
+            oldDom.removeEventListener("mousedown", onMousedown);
+            oldDom.removeEventListener("touchstart", onTouchStart);
+          }
+          if (newDom && mergeColumnDrag.value) {
+            newDom.addEventListener("mousedown", onMousedown);
+            newDom.addEventListener("touchstart", onTouchStart, { passive: true });
+          }
+        },
+        { flush: "post", immediate: true }
+      );
+    });
+  });
+  onBeforeUnmount(() => {
+    if (domRef.value) {
+      domRef.value.removeEventListener("mousedown", onMousedown);
+      domRef.value.removeEventListener("touchstart", onTouchStart);
+    }
+    raf.cancel(rafFrame);
+    render(null, dragGhostDom);
+  });
+  const renderDragGhostImage = () => {
+    let dragIcon = dragLeftAndRightIcon;
+    if (iconType.value === ICON_TYPE_FORBID) {
+      dragIcon = dragForbidIcon;
+    }
+    return tableSlotsContext.columnDragGhost ? tableSlotsContext.columnDragGhost({
+      targetColumn: toRaw(dragOverColumn.value),
+      column: column.value,
+      icon: createVNode(
+        "span",
+        { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },
+        null
+      ),
+      allowed: allowed.value,
+      dragging: dragging.value,
+      event: columnDragEvent.value
+    }) : [
+      createVNode(
+        "span",
+        { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },
+        null
+      ),
+      createVNode(
+        "span",
+        {
+          class: `${prefixCls.value}-drag-ghost-image-label`,
+          style: { maxWidth: `${offsetWidth}px` }
+        },
+        [column.value.title]
+      )
+    ];
+  };
+  const renderDragGhost = () => {
+    if (!dragGhostImage) {
+      dragGhostImage = createVNode(renderDragGhostImage);
+      render(dragGhostImage, dragGhostDom);
+    }
+  };
+  watch(
+    [prefixCls],
+    () => {
+      dragGhostDom.className = `${prefixCls.value}-drag-ghost-image`;
+    },
+    { immediate: true }
+  );
+  watch([clientX, colPosition], () => {
+    clearInterval(clientXTimer);
+    if (colPosition.value === "center" && allowed.value) {
+      clientXTimer = setInterval(() => {
+        const { x, width } = viewportRef.value.getBoundingClientRect();
+        if (clientX.value + 30 > x + width - rightWidth.value) {
+          scrollTo({ left: viewportRef.value.scrollLeft + DRAG_COLUMN_DIS_UNIT }, "auto", true);
+          clearTimeout(scrollTimer);
+          scrollTimer = setTimeout(() => {
+            scrollLeft.value = viewportRef.value.scrollLeft + DRAG_COLUMN_DIS_UNIT;
+          });
+        } else if (clientX.value < x + leftWidth.value) {
+          const left = Math.max(viewportRef.value.scrollLeft - DRAG_COLUMN_DIS_UNIT, 0);
+          scrollTo({ left }, "auto", true);
+          clearTimeout(scrollTimer);
+          scrollTimer = setTimeout(() => {
+            scrollLeft.value = left;
+          });
+        }
+      }, 30);
+    }
+  });
+  const handleDraging = () => {
+    const pageX = clientX.value;
+    const { x } = headerRef.value.getBoundingClientRect();
+    const rawColumns = toRaw(headerColumns.value);
+    const rawClientX = offsetLeft.value - x;
+    let currentOffetLeft = 0;
+    let scrollLeft2 = 0;
+    if (autoHeight && colPosition.value !== "center") {
+      scrollLeft2 = viewportRef.value.scrollLeft;
+      currentOffetLeft = colPosition.value === "left" ? scrollLeft2 : scrollLeft2 + bodyWidth.value - rightWidth.value - leftWidth.value - centerWidth.value;
+    }
+    for (let i = 0, len = rawColumns.length; i < len; i++) {
+      const { left, finallyWidth } = rawColumns[i];
+      const columnClientX = left - rawClientX + currentOffetLeft;
+      if (!rawColumns[i].__Internal__Column__ && pageX > columnClientX && pageX < columnClientX + finallyWidth) {
+        dragOverColumn.value = rawColumns[i];
+      }
+    }
+    if (dragOverColumn.value && dragOverColumn.value.left !== column.value.left) {
+      dragColumnPlaceholderRef.value.style.opacity = "1";
+      dragColumnPlaceholderRef.value.style.zIndex = column.value.fixed ? "3" : "unset";
+      if (dragOverColumn.value.left > column.value.left) {
+        dragColumnPlaceholderRef.value.style.left = `${dragOverColumn.value.left - offsetLeft.value + dragOverColumn.value.finallyWidth + currentOffetLeft - 1}px`;
+      } else {
+        dragColumnPlaceholderRef.value.style.left = `${dragOverColumn.value.left - offsetLeft.value + currentOffetLeft - 1}px`;
+      }
+    } else {
+      dragColumnPlaceholderRef.value.style.opacity = "0";
+    }
+  };
+  watch([dragging, clientX, allowed, scrollLeft], () => {
+    raf.cancel(rafFrame);
+    rafFrame = raf(() => {
+      if (dragging.value && !allowed.value) {
+        iconType.value = ICON_TYPE_FORBID;
+      }
+      if (dragging.value && allowed.value) {
+        iconType.value = "";
+        handleDraging();
+      } else {
+        dragColumnPlaceholderRef.value.style.opacity = "0";
+      }
+    });
+  });
+  watch(dragging, () => {
+    if (!dragging.value && allowed.value && dragOverColumn.value) {
+      raf.cancel(rafFrame);
+      onColumnDragEnd({
+        column: column.value.originColumn,
+        targetColumn: toRaw(dragOverColumn.value.originColumn),
+        event: columnDragEvent.value,
+        dir: column.value.left <= dragOverColumn.value.left ? "right" : "left"
+      });
+    }
+  });
+};
+
+export { ICON_TYPE_DOWN, ICON_TYPE_FORBID, useColumnDragHandler as default };
+//# sourceMappingURL=useColumnDragHandler.mjs.map