pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/components/Drag/useColumnDragHandler.js

@@ -0,0 +1,447 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var TableSlotsContext = require('../context/TableSlotsContext.js');
+var TableContext = require('../context/TableContext.js');
+var HeaderContext = require('../context/HeaderContext.js');
+var constant = require('../../utils/constant.js');
+var icon = require('./icon.js');
+var util = require('../../utils/util.js');
+var constant$1 = require('./constant.js');
+var raf = require('../../utils/raf.js');
+
+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 = vue.ref(false);
+  const viewportRef = vue.inject(constant.VIEWPORT_REF);
+  const {
+    prefixCls,
+    draggingColumnKey,
+    onColumnDragEnd,
+    scrollTo,
+    leftWidth,
+    rightWidth,
+    centerWidth,
+    bodyWidth,
+    leftHeaderColumns,
+    visibleCenterHeaderColumns,
+    rightHeaderColumns,
+    columnDrag
+  } = TableContext.useInjectTable();
+  const autoHeight = vue.inject(constant.AUTO_HEADER_HEIGHT, false);
+  const offsetLeft = vue.ref(0);
+  const colPosition = vue.ref();
+  vue.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 } = HeaderContext.useInjectHeader();
+  const tableSlotsContext = TableSlotsContext.useInjectSlots();
+  let rafFrame;
+  const clientY = vue.ref();
+  const clientX = vue.ref();
+  const clientX2 = vue.ref();
+  const dragOverColumn = vue.ref();
+  const dragGhostDom = document.createElement("div");
+  let scrollTimer;
+  let clientXTimer;
+  const scrollLeft = vue.ref(0);
+  const allowed = vue.ref(true);
+  let cacheMouseEvent = null;
+  let headerRect = {};
+  let offsetWidth = 0;
+  const destroyHandlers = [];
+  let dragGhostImage = null;
+  const iconType = vue.ref(ICON_TYPE_DOWN);
+  const headerColumns = vue.computed(() => {
+    switch (colPosition.value) {
+      case "left":
+        return leftHeaderColumns.value;
+      case "center":
+        return visibleCenterHeaderColumns.value;
+      case "right":
+        return rightHeaderColumns.value;
+      default:
+        return [];
+    }
+  });
+  const calDragX = vue.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 + constant$1.OFFSET_X <= minOffetLeft) {
+          dragGhostDom.style.left = minOffetLeft + pageXOffset - 20 + "px";
+          return true;
+        } else if (clientX.value + constant$1.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 + constant$1.OFFSET_X <= x) {
+          dragGhostDom.style.left = x + pageXOffset - 20 + "px";
+          return true;
+        } else if (clientX.value + constant$1.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 + constant$1.OFFSET_X <= x + leftWidth.value) {
+          dragGhostDom.style.left = x + pageXOffset + leftWidth.value - 20 + "px";
+          return true;
+        } else if (clientX.value + constant$1.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 + constant$1.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 = vue.shallowRef();
+  const handleMouseMoveOrTouchMove = (event, cacheEvent) => {
+    var _a;
+    columnDragEvent.value = event;
+    if (!dragging.value) {
+      if (util.eventsClose(event, cacheEvent, constant$1.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.default.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 = vue.computed(
+    () => column.value.drag || column.value.drag === void 0 && columnDrag.value
+  );
+  vue.onMounted(() => {
+    vue.nextTick(() => {
+      vue.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 }
+      );
+    });
+  });
+  vue.onBeforeUnmount(() => {
+    if (domRef.value) {
+      domRef.value.removeEventListener("mousedown", onMousedown);
+      domRef.value.removeEventListener("touchstart", onTouchStart);
+    }
+    raf.default.cancel(rafFrame);
+    vue.render(null, dragGhostDom);
+  });
+  const renderDragGhostImage = () => {
+    let dragIcon = icon.dragLeftAndRightIcon;
+    if (iconType.value === ICON_TYPE_FORBID) {
+      dragIcon = icon.dragForbidIcon;
+    }
+    return tableSlotsContext.columnDragGhost ? tableSlotsContext.columnDragGhost({
+      targetColumn: vue.toRaw(dragOverColumn.value),
+      column: column.value,
+      icon: vue.createVNode(
+        "span",
+        { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },
+        null
+      ),
+      allowed: allowed.value,
+      dragging: dragging.value,
+      event: columnDragEvent.value
+    }) : [
+      vue.createVNode(
+        "span",
+        { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },
+        null
+      ),
+      vue.createVNode(
+        "span",
+        {
+          class: `${prefixCls.value}-drag-ghost-image-label`,
+          style: { maxWidth: `${offsetWidth}px` }
+        },
+        [column.value.title]
+      )
+    ];
+  };
+  const renderDragGhost = () => {
+    if (!dragGhostImage) {
+      dragGhostImage = vue.createVNode(renderDragGhostImage);
+      vue.render(dragGhostImage, dragGhostDom);
+    }
+  };
+  vue.watch(
+    [prefixCls],
+    () => {
+      dragGhostDom.className = `${prefixCls.value}-drag-ghost-image`;
+    },
+    { immediate: true }
+  );
+  vue.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 + constant.DRAG_COLUMN_DIS_UNIT }, "auto", true);
+          clearTimeout(scrollTimer);
+          scrollTimer = setTimeout(() => {
+            scrollLeft.value = viewportRef.value.scrollLeft + constant.DRAG_COLUMN_DIS_UNIT;
+          });
+        } else if (clientX.value < x + leftWidth.value) {
+          const left = Math.max(viewportRef.value.scrollLeft - constant.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 = vue.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";
+    }
+  };
+  vue.watch([dragging, clientX, allowed, scrollLeft], () => {
+    raf.default.cancel(rafFrame);
+    rafFrame = raf.default(() => {
+      if (dragging.value && !allowed.value) {
+        iconType.value = ICON_TYPE_FORBID;
+      }
+      if (dragging.value && allowed.value) {
+        iconType.value = "";
+        handleDraging();
+      } else {
+        dragColumnPlaceholderRef.value.style.opacity = "0";
+      }
+    });
+  });
+  vue.watch(dragging, () => {
+    if (!dragging.value && allowed.value && dragOverColumn.value) {
+      raf.default.cancel(rafFrame);
+      onColumnDragEnd({
+        column: column.value.originColumn,
+        targetColumn: vue.toRaw(dragOverColumn.value.originColumn),
+        event: columnDragEvent.value,
+        dir: column.value.left <= dragOverColumn.value.left ? "right" : "left"
+      });
+    }
+  });
+};
+
+exports.ICON_TYPE_DOWN = ICON_TYPE_DOWN;
+exports.ICON_TYPE_FORBID = ICON_TYPE_FORBID;
+exports.default = useColumnDragHandler;
+//# sourceMappingURL=useColumnDragHandler.js.map

package/lib/components/table/src/components/Drag/useColumnDragHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnDragHandler.js","sources":["../../../../../../../../packages/components/table/src/components/Drag/useColumnDragHandler.ts"],"sourcesContent":["import type { Ref, VNode } from 'vue'\nimport type { RafFrame } from '../../utils/raf'\nimport type { FinallyColumnType, Key } from '../interface'\n\nimport {\n  ref,\n  inject,\n  computed,\n  shallowRef,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  watchEffect,\n  nextTick,\n  render,\n  createVNode,\n  toRaw,\n} from 'vue'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectHeader } from '../context/HeaderContext'\nimport { VIEWPORT_REF, DRAG_COLUMN_DIS_UNIT, AUTO_HEADER_HEIGHT } from '../../utils/constant'\nimport { dragForbidIcon, dragLeftAndRightIcon } from './icon'\nimport { eventsClose } from '../../utils/util'\nimport { OFFSET_X, OFFSET_Y, DRAG_BUFF } from './constant'\nimport raf from '../../utils/raf'\n\ninterface ColumnDragHandler {\n  columnKey: Ref<Key>\n  disabled: Ref<boolean>\n  column: Ref<FinallyColumnType>\n  domRef: Ref<HTMLDivElement | undefined>\n}\n\nexport const ICON_TYPE_DOWN = 'ICON_TYPE_DOWN'\nexport const ICON_TYPE_FORBID = 'ICON_TYPE_FORBID'\n\nconst getRootDocument = () => document.fullscreenElement || document.body\n\nconst useColumnDragHandler: ({\n  columnKey,\n  disabled,\n  column,\n  domRef,\n}: ColumnDragHandler) => void = ({ columnKey, disabled, column, domRef }) => {\n  const dragging = ref(false)\n  const viewportRef = inject<Ref<HTMLDivElement | undefined>>(VIEWPORT_REF)\n  const {\n    prefixCls,\n    draggingColumnKey,\n    onColumnDragEnd,\n    scrollTo,\n    leftWidth,\n    rightWidth,\n    centerWidth,\n    bodyWidth,\n    leftHeaderColumns,\n    visibleCenterHeaderColumns,\n    rightHeaderColumns,\n    columnDrag,\n  } = useInjectTable()\n  const autoHeight = inject<boolean>(AUTO_HEADER_HEIGHT, false)\n\n  const offsetLeft = ref(0)\n  const colPosition = ref()\n  watchEffect(() => {\n    if (column.value.fixed === 'right') {\n      offsetLeft.value = leftWidth.value + centerWidth.value\n      colPosition.value = 'right'\n    } else if (column.value.fixed) {\n      offsetLeft.value = 0\n      colPosition.value = 'left'\n    } else {\n      offsetLeft.value = leftWidth.value\n      colPosition.value = 'center'\n    }\n    if (autoHeight) {\n      offsetLeft.value = 0\n    }\n  })\n\n  const { dragColumnPlaceholderRef, headerRef } = useInjectHeader()\n  const tableSlotsContext = useInjectSlots()\n\n  let rafFrame: RafFrame\n  const clientY = ref()\n  const clientX = ref()\n  const clientX2 = ref()\n  const dragOverColumn = ref()\n  const dragGhostDom = document.createElement('div')\n  let scrollTimer: any\n  let clientXTimer: any\n  const scrollLeft = ref(0)\n  const allowed = ref(true)\n  let cacheMouseEvent: any = null\n  let headerRect: DOMRect | Record<string, any> = {}\n  let offsetWidth = 0\n  const destroyHandlers: Array<() => void> = []\n  let dragGhostImage: VNode | null = null\n  const iconType = ref(ICON_TYPE_DOWN)\n\n  const headerColumns = computed(() => {\n    switch (colPosition.value) {\n      case 'left':\n        return leftHeaderColumns.value\n      case 'center':\n        return visibleCenterHeaderColumns.value\n      case 'right':\n        return rightHeaderColumns.value\n      default:\n        return []\n    }\n  })\n\n  const calDragX = computed(() => {\n    let handler: () => boolean = () => false\n    if (autoHeight && colPosition.value !== 'center') {\n      handler = () => {\n        const { x } = headerRect\n        const minOffetLeft =\n          colPosition.value === 'left'\n            ? viewportRef?.value?.scrollLeft + x\n            : viewportRef?.value?.scrollLeft + x + bodyWidth.value - rightWidth.value\n        const maxOffetLeft =\n          colPosition.value === 'left'\n            ? minOffetLeft + leftWidth.value\n            : minOffetLeft + rightWidth.value\n        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft\n        if (clientX.value + OFFSET_X <= minOffetLeft) {\n          dragGhostDom.style.left = minOffetLeft + pageXOffset - 20 + 'px'\n          return true\n        } else if (clientX.value + OFFSET_X >= maxOffetLeft) {\n          dragGhostDom.style.left = maxOffetLeft + pageXOffset - 20 + 'px'\n          return true\n        } else {\n          return false\n        }\n      }\n    } else if (colPosition.value !== 'center') {\n      handler = () => {\n        const { x, width } = headerRect\n        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft\n        if (clientX.value + OFFSET_X <= x) {\n          dragGhostDom.style.left = x + pageXOffset - 20 + 'px'\n          return true\n        } else if (clientX.value + OFFSET_X >= x + width) {\n          dragGhostDom.style.left = x + pageXOffset + width - 20 + 'px'\n          return true\n        } else {\n          return false\n        }\n      }\n    } else {\n      handler = () => {\n        const { x, width } = viewportRef!.value!.getBoundingClientRect()\n        const pageXOffset = window.pageXOffset || document.documentElement.scrollLeft\n        if (clientX.value + OFFSET_X <= x + leftWidth.value) {\n          dragGhostDom.style.left = x + pageXOffset + leftWidth.value - 20 + 'px'\n          return true\n        } else if (clientX.value + OFFSET_X >= x + width - rightWidth.value) {\n          dragGhostDom.style.left = x + pageXOffset + width - rightWidth.value - 20 + 'px'\n          return true\n        } else {\n          return false\n        }\n      }\n    }\n    return handler\n  })\n\n  const calDragY = () => {\n    const { y, height } = headerRect\n    const pageYOffset = window.pageYOffset || document.documentElement.scrollTop\n    if (clientY.value + OFFSET_Y <= y) {\n      dragGhostDom.style.top = y + pageYOffset - 20 + 'px'\n      return true\n    } else if (clientY.value > y + height) {\n      dragGhostDom.style.top = y + pageYOffset + height - 10 + 'px'\n      return true\n    } else {\n      return false\n    }\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 columnDragEvent = shallowRef<MouseEvent | Touch>()\n  const handleMouseMoveOrTouchMove = (\n    event: MouseEvent | Touch,\n    cacheEvent: MouseEvent | Touch,\n  ) => {\n    columnDragEvent.value = event\n    if (!dragging.value) {\n      if (eventsClose(event, cacheEvent, DRAG_BUFF)) {\n        return\n      }\n      dragging.value = true\n      clientX2.value = event.clientX\n      draggingColumnKey.value = columnKey.value\n      offsetWidth = domRef.value?.offsetWidth || 0\n      getRootDocument().appendChild(dragGhostDom)\n      renderDragGhost()\n    }\n    allowed.value = true\n    clientX.value = event.clientX\n    clientY.value = event.clientY\n    if (calDragY()) {\n      allowed.value = false\n      clearInterval(clientXTimer)\n    } else {\n      dragGhostDom.style.top = event.pageY - 10 + 'px'\n    }\n\n    if (calDragX.value()) {\n      allowed.value = false\n    } else {\n      dragGhostDom.style.left = event.pageX - 10 + 'px'\n    }\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    columnDragEvent.value = event\n    cacheMouseEvent = null\n    cacheTouch = null\n    cacheStartTouch = null\n    clearInterval(clientXTimer)\n    draggingColumnKey.value = ''\n    dragColumnPlaceholderRef.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\n  const onTouchStart = (event: TouchEvent) => {\n    dragOverColumn.value = null\n    if (disabled.value) {\n      return\n    }\n    dragging.value = false\n    const touch = event.touches[0]\n    cacheStartTouch = touch\n    cacheTouch = touch\n    headerRect = headerRef.value!.getBoundingClientRect()\n    const dom = domRef.value\n    const eventList = [\n      {\n        target: document,\n        type: 'touchmove',\n        listener: documentTouchMoveHandler,\n        options: { passive: false },\n      },\n      {\n        target: dom,\n        type: 'touchmove',\n        listener: touchMoveHandler,\n        options: { passive: true },\n      },\n      {\n        target: dom,\n        type: 'touchend',\n        listener: touchEndHandler,\n        options: { passive: true },\n      },\n      {\n        target: dom,\n        type: 'touchcancel',\n        listener: touchEndHandler,\n        options: { passive: true },\n      },\n    ]\n    batchEvent(eventList)\n  }\n\n  const touchMoveHandler = (event: TouchEvent) => {\n    const touch = getTouch(event.touches)\n    touch && handleMouseMoveOrTouchMove(touch, cacheTouch!)\n  }\n\n  const touchEndHandler = (event: TouchEvent) => {\n    let touch = getTouch(event.touches)\n    if (!touch) {\n      touch = cacheStartTouch\n    }\n    handleMouseUpOrToucheEnd(touch!)\n  }\n  const onMousedown = (event: MouseEvent) => {\n    event.preventDefault()\n    dragOverColumn.value = null\n    if (disabled.value) {\n      return\n    }\n    dragging.value = false\n    cacheMouseEvent = event\n    headerRect = headerRef.value!.getBoundingClientRect()\n    const doc = document\n    batchEvent([\n      { target: doc, type: 'mousemove', listener: mouseMoveHandler },\n      { target: doc, type: 'mouseup', listener: mouseUpHandler },\n      { target: doc, type: 'contextmenu', listener: contextmenuHandler },\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  const mergeColumnDrag = computed(\n    () => column.value.drag || (column.value.drag === undefined && columnDrag.value),\n  )\n\n  onMounted(() => {\n    nextTick(() => {\n      watch(\n        [domRef, mergeColumnDrag],\n        ([newDom], [oldDom]) => {\n          if (oldDom) {\n            oldDom.removeEventListener('mousedown', onMousedown)\n            oldDom.removeEventListener('touchstart', onTouchStart)\n          }\n          if (newDom && mergeColumnDrag.value) {\n            newDom.addEventListener('mousedown', onMousedown)\n            newDom.addEventListener('touchstart', onTouchStart, { passive: true })\n          }\n        },\n        { flush: 'post', immediate: true },\n      )\n    })\n  })\n  onBeforeUnmount(() => {\n    if (domRef.value) {\n      domRef.value.removeEventListener('mousedown', onMousedown)\n      domRef.value.removeEventListener('touchstart', onTouchStart)\n    }\n    raf.cancel(rafFrame)\n    render(null, dragGhostDom)\n  })\n\n  const renderDragGhostImage = () => {\n    let dragIcon = dragLeftAndRightIcon\n    if (iconType.value === ICON_TYPE_FORBID) {\n      dragIcon = dragForbidIcon\n    }\n    return tableSlotsContext.columnDragGhost\n      ? tableSlotsContext.columnDragGhost({\n          targetColumn: toRaw(dragOverColumn.value),\n          column: column.value,\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: columnDragEvent.value!,\n        })\n      : [\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: `${offsetWidth}px` },\n            },\n            [column.value.title],\n          ),\n        ]\n  }\n\n  const renderDragGhost = () => {\n    if (!dragGhostImage) {\n      dragGhostImage = createVNode(renderDragGhostImage)\n      render(dragGhostImage, dragGhostDom)\n    }\n  }\n\n  watch(\n    [prefixCls],\n    () => {\n      dragGhostDom.className = `${prefixCls.value}-drag-ghost-image`\n    },\n    { immediate: true },\n  )\n  watch([clientX, colPosition], () => {\n    clearInterval(clientXTimer)\n    if (colPosition.value === 'center' && allowed.value) {\n      clientXTimer = setInterval(() => {\n        const { x, width } = viewportRef!.value!.getBoundingClientRect()\n        if (clientX.value + 30 > x + width - rightWidth.value) {\n          scrollTo({ left: viewportRef!.value!.scrollLeft + DRAG_COLUMN_DIS_UNIT }, 'auto', true)\n          clearTimeout(scrollTimer)\n          scrollTimer = setTimeout(() => {\n            scrollLeft.value = viewportRef!.value!.scrollLeft + DRAG_COLUMN_DIS_UNIT\n          })\n        } else if (clientX.value < x + leftWidth.value) {\n          const left = Math.max(viewportRef!.value!.scrollLeft - DRAG_COLUMN_DIS_UNIT, 0)\n          scrollTo({ left }, 'auto', true)\n          clearTimeout(scrollTimer)\n          scrollTimer = setTimeout(() => {\n            scrollLeft.value = left\n          })\n        }\n      }, 30)\n    }\n  })\n\n  const handleDraging = () => {\n    const pageX = clientX.value\n    const { x } = headerRef.value!.getBoundingClientRect()\n    const rawColumns = toRaw(headerColumns.value)\n    const rawClientX = offsetLeft.value - x\n\n    let currentOffetLeft = 0\n    let scrollLeft = 0\n    if (autoHeight && colPosition.value !== 'center') {\n      scrollLeft = viewportRef!.value!.scrollLeft\n      currentOffetLeft =\n        colPosition.value === 'left'\n          ? scrollLeft\n          : scrollLeft + bodyWidth.value - rightWidth.value - leftWidth.value - centerWidth.value\n    }\n\n    for (let i = 0, len = rawColumns.length; i < len; i++) {\n      const { left, finallyWidth } = rawColumns[i]!\n      const columnClientX = left! - rawClientX + currentOffetLeft\n      if (\n        !rawColumns[i]!.__Internal__Column__ &&\n        pageX > columnClientX &&\n        pageX < columnClientX + finallyWidth!\n      ) {\n        dragOverColumn.value = rawColumns[i]\n      }\n    }\n    if (dragOverColumn.value && dragOverColumn.value.left !== column.value.left) {\n      dragColumnPlaceholderRef.value!.style.opacity = '1'\n      dragColumnPlaceholderRef.value!.style.zIndex = column.value.fixed ? '3' : 'unset'\n      if (dragOverColumn.value.left > column.value.left!) {\n        dragColumnPlaceholderRef.value!.style.left = `${\n          dragOverColumn.value.left -\n          offsetLeft.value +\n          dragOverColumn.value.finallyWidth +\n          currentOffetLeft -\n          1\n        }px`\n      } else {\n        dragColumnPlaceholderRef.value!.style.left = `${dragOverColumn.value.left - offsetLeft.value + currentOffetLeft - 1}px`\n      }\n    } else {\n      dragColumnPlaceholderRef.value!.style.opacity = '0'\n    }\n  }\n\n  watch([dragging, clientX, allowed, scrollLeft], () => {\n    raf.cancel(rafFrame)\n    rafFrame = raf(() => {\n      if (dragging.value && !allowed.value) {\n        iconType.value = ICON_TYPE_FORBID\n      }\n      if (dragging.value && allowed.value) {\n        iconType.value = ''\n        handleDraging()\n      } else {\n        dragColumnPlaceholderRef.value!.style.opacity = '0'\n      }\n    })\n  })\n\n  watch(dragging, () => {\n    if (!dragging.value && allowed.value && dragOverColumn.value) {\n      raf.cancel(rafFrame)\n      onColumnDragEnd({\n        column: column.value.originColumn!,\n        targetColumn: toRaw(dragOverColumn.value.originColumn),\n        event: columnDragEvent.value!,\n        dir: column.value.left! <= dragOverColumn.value.left ? 'right' : 'left',\n      })\n    }\n  })\n}\nexport default useColumnDragHandler\n"],"names":["ref","inject","VIEWPORT_REF","useInjectTable","AUTO_HEADER_HEIGHT","watchEffect","useInjectHeader","useInjectSlots","computed","OFFSET_X","OFFSET_Y","shallowRef","eventsClose","DRAG_BUFF","raf","onMounted","nextTick","watch","onBeforeUnmount","render","dragLeftAndRightIcon","dragForbidIcon","toRaw","createVNode","DRAG_COLUMN_DIS_UNIT","scrollLeft"],"mappings":";;;;;;;;;;;;;;AAkCO,MAAM,cAAA,GAAiB;AACvB,MAAM,gBAAA,GAAmB;AAEhC,MAAM,eAAA,GAAkB,MAAM,QAAA,CAAS,iBAAA,IAAqB,QAAA,CAAS,IAAA;AAErE,MAAM,uBAK0B,CAAC,EAAE,WAAW,QAAA,EAAU,MAAA,EAAQ,QAAO,KAAM;AAC3E,EAAA,MAAM,QAAA,GAAWA,QAAI,KAAK,CAAA;AAC1B,EAAA,MAAM,WAAA,GAAcC,WAAwCC,qBAAY,CAAA;AACxE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,0BAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACEC,2BAAA,EAAe;AACnB,EAAA,MAAM,UAAA,GAAaF,UAAA,CAAgBG,2BAAA,EAAoB,KAAK,CAAA;AAE5D,EAAA,MAAM,UAAA,GAAaJ,QAAI,CAAC,CAAA;AACxB,EAAA,MAAM,cAAcA,OAAA,EAAI;AACxB,EAAAK,eAAA,CAAY,MAAM;AAChB,IAAA,IAAI,MAAA,CAAO,KAAA,CAAM,KAAA,KAAU,OAAA,EAAS;AAClC,MAAA,UAAA,CAAW,KAAA,GAAQ,SAAA,CAAU,KAAA,GAAQ,WAAA,CAAY,KAAA;AACjD,MAAA,WAAA,CAAY,KAAA,GAAQ,OAAA;AAAA,IACtB,CAAA,MAAA,IAAW,MAAA,CAAO,KAAA,CAAM,KAAA,EAAO;AAC7B,MAAA,UAAA,CAAW,KAAA,GAAQ,CAAA;AACnB,MAAA,WAAA,CAAY,KAAA,GAAQ,MAAA;AAAA,IACtB,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,QAAQ,SAAA,CAAU,KAAA;AAC7B,MAAA,WAAA,CAAY,KAAA,GAAQ,QAAA;AAAA,IACtB;AACA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,KAAA,GAAQ,CAAA;AAAA,IACrB;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,EAAE,wBAAA,EAA0B,SAAA,EAAU,GAAIC,6BAAA,EAAgB;AAChE,EAAA,MAAM,oBAAoBC,gCAAA,EAAe;AAEzC,EAAA,IAAI,QAAA;AACJ,EAAA,MAAM,UAAUP,OAAA,EAAI;AACpB,EAAA,MAAM,UAAUA,OAAA,EAAI;AACpB,EAAA,MAAM,WAAWA,OAAA,EAAI;AACrB,EAAA,MAAM,iBAAiBA,OAAA,EAAI;AAC3B,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AACjD,EAAA,IAAI,WAAA;AACJ,EAAA,IAAI,YAAA;AACJ,EAAA,MAAM,UAAA,GAAaA,QAAI,CAAC,CAAA;AACxB,EAAA,MAAM,OAAA,GAAUA,QAAI,IAAI,CAAA;AACxB,EAAA,IAAI,eAAA,GAAuB,IAAA;AAC3B,EAAA,IAAI,aAA4C,EAAC;AACjD,EAAA,IAAI,WAAA,GAAc,CAAA;AAClB,EAAA,MAAM,kBAAqC,EAAC;AAC5C,EAAA,IAAI,cAAA,GAA+B,IAAA;AACnC,EAAA,MAAM,QAAA,GAAWA,QAAI,cAAc,CAAA;AAEnC,EAAA,MAAM,aAAA,GAAgBQ,aAAS,MAAM;AACnC,IAAA,QAAQ,YAAY,KAAA;AAAO,MACzB,KAAK,MAAA;AACH,QAAA,OAAO,iBAAA,CAAkB,KAAA;AAAA,MAC3B,KAAK,QAAA;AACH,QAAA,OAAO,0BAAA,CAA2B,KAAA;AAAA,MACpC,KAAK,OAAA;AACH,QAAA,OAAO,kBAAA,CAAmB,KAAA;AAAA,MAC5B;AACE,QAAA,OAAO,EAAC;AAAA;AACZ,EACF,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAWA,aAAS,MAAM;AAC9B,IAAA,IAAI,UAAyB,MAAM,KAAA;AACnC,IAAA,IAAI,UAAA,IAAc,WAAA,CAAY,KAAA,KAAU,QAAA,EAAU;AAChD,MAAA,OAAA,GAAU,MAAM;AArHtB,QAAA,IAAA,EAAA,EAAA,EAAA;AAsHQ,QAAA,MAAM,EAAE,GAAE,GAAI,UAAA;AACd,QAAA,MAAM,eACJ,WAAA,CAAY,KAAA,KAAU,MAAA,GAAA,CAAA,CAClB,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,UAAb,IAAA,GAAA,MAAA,GAAA,EAAA,CAAoB,UAAA,IAAa,CAAA,GAAA,CAAA,CACjC,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,UAAb,IAAA,GAAA,MAAA,GAAA,EAAA,CAAoB,UAAA,IAAa,CAAA,GAAI,SAAA,CAAU,QAAQ,UAAA,CAAW,KAAA;AACxE,QAAA,MAAM,YAAA,GACJ,YAAY,KAAA,KAAU,MAAA,GAClB,eAAe,SAAA,CAAU,KAAA,GACzB,eAAe,UAAA,CAAW,KAAA;AAChC,QAAA,MAAM,WAAA,GAAc,MAAA,CAAO,WAAA,IAAe,QAAA,CAAS,eAAA,CAAgB,UAAA;AACnE,QAAA,IAAI,OAAA,CAAQ,KAAA,GAAQC,mBAAA,IAAY,YAAA,EAAc;AAC5C,UAAA,YAAA,CAAa,KAAA,CAAM,IAAA,GAAO,YAAA,GAAe,WAAA,GAAc,EAAA,GAAK,IAAA;AAC5D,UAAA,OAAO,IAAA;AAAA,QACT,CAAA,MAAA,IAAW,OAAA,CAAQ,KAAA,GAAQA,mBAAA,IAAY,YAAA,EAAc;AACnD,UAAA,YAAA,CAAa,KAAA,CAAM,IAAA,GAAO,YAAA,GAAe,WAAA,GAAc,EAAA,GAAK,IAAA;AAC5D,UAAA,OAAO,IAAA;AAAA,QACT,CAAA,MAAO;AACL,UAAA,OAAO,KAAA;AAAA,QACT;AAAA,MACF,CAAA;AAAA,IACF,CAAA,MAAA,IAAW,WAAA,CAAY,KAAA,KAAU,QAAA,EAAU;AACzC,MAAA,OAAA,GAAU,MAAM;AACd,QAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAM,GAAI,UAAA;AACrB,QAAA,MAAM,WAAA,GAAc,MAAA,CAAO,WAAA,IAAe,QAAA,CAAS,eAAA,CAAgB,UAAA;AACnE,QAAA,IAAI,OAAA,CAAQ,KAAA,GAAQA,mBAAA,IAAY,CAAA,EAAG;AACjC,UAAA,YAAA,CAAa,KAAA,CAAM,IAAA,GAAO,CAAA,GAAI,WAAA,GAAc,EAAA,GAAK,IAAA;AACjD,UAAA,OAAO,IAAA;AAAA,QACT,CAAA,MAAA,IAAW,OAAA,CAAQ,KAAA,GAAQA,mBAAA,IAAY,IAAI,KAAA,EAAO;AAChD,UAAA,YAAA,CAAa,KAAA,CAAM,IAAA,GAAO,CAAA,GAAI,WAAA,GAAc,QAAQ,EAAA,GAAK,IAAA;AACzD,UAAA,OAAO,IAAA;AAAA,QACT,CAAA,MAAO;AACL,UAAA,OAAO,KAAA;AAAA,QACT;AAAA,MACF,CAAA;AAAA,IACF,CAAA,MAAO;AACL,MAAA,OAAA,GAAU,MAAM;AACd,QAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAM,GAAI,WAAA,CAAa,MAAO,qBAAA,EAAsB;AAC/D,QAAA,MAAM,WAAA,GAAc,MAAA,CAAO,WAAA,IAAe,QAAA,CAAS,eAAA,CAAgB,UAAA;AACnE,QAAA,IAAI,OAAA,CAAQ,KAAA,GAAQA,mBAAA,IAAY,CAAA,GAAI,UAAU,KAAA,EAAO;AACnD,UAAA,YAAA,CAAa,MAAM,IAAA,GAAO,CAAA,GAAI,WAAA,GAAc,SAAA,CAAU,QAAQ,EAAA,GAAK,IAAA;AACnE,UAAA,OAAO,IAAA;AAAA,QACT,WAAW,OAAA,CAAQ,KAAA,GAAQA,uBAAY,CAAA,GAAI,KAAA,GAAQ,WAAW,KAAA,EAAO;AACnE,UAAA,YAAA,CAAa,MAAM,IAAA,GAAO,CAAA,GAAI,cAAc,KAAA,GAAQ,UAAA,CAAW,QAAQ,EAAA,GAAK,IAAA;AAC5E,UAAA,OAAO,IAAA;AAAA,QACT,CAAA,MAAO;AACL,UAAA,OAAO,KAAA;AAAA,QACT;AAAA,MACF,CAAA;AAAA,IACF;AACA,IAAA,OAAO,OAAA;AAAA,EACT,CAAC,CAAA;AAED,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,MAAM,EAAE,CAAA,EAAG,MAAA,EAAO,GAAI,UAAA;AACtB,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,WAAA,IAAe,QAAA,CAAS,eAAA,CAAgB,SAAA;AACnE,IAAA,IAAI,OAAA,CAAQ,KAAA,GAAQC,mBAAA,IAAY,CAAA,EAAG;AACjC,MAAA,YAAA,CAAa,KAAA,CAAM,GAAA,GAAM,CAAA,GAAI,WAAA,GAAc,EAAA,GAAK,IAAA;AAChD,MAAA,OAAO,IAAA;AAAA,IACT,CAAA,MAAA,IAAW,OAAA,CAAQ,KAAA,GAAQ,CAAA,GAAI,MAAA,EAAQ;AACrC,MAAA,YAAA,CAAa,KAAA,CAAM,GAAA,GAAM,CAAA,GAAI,WAAA,GAAc,SAAS,EAAA,GAAK,IAAA;AACzD,MAAA,OAAO,IAAA;AAAA,IACT,CAAA,MAAO;AACL,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,SAAA,KAAmB;AACrC,IAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,MAAA,KAAgB;AACjC,MAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAU,SAAQ,GAAI,MAAA;AAC5C,MAAA,MAAA,CAAO,gBAAA,CAAiB,IAAA,EAAM,QAAA,EAAU,OAAO,CAAA;AAAA,IACjD,CAAC,CAAA;AACD,IAAA,eAAA,CAAgB,KAAK,MAAM;AACzB,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,MAAA,KAAgB;AACjC,QAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAA,EAAU,SAAQ,GAAI,MAAA;AAC5C,QAAA,MAAA,CAAO,mBAAA,CAAoB,IAAA,EAAM,QAAA,EAAU,OAAO,CAAA;AAAA,MACpD,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACH,CAAA;AACA,EAAA,MAAM,kBAAkBC,cAAA,EAA+B;AACvD,EAAA,MAAM,0BAAA,GAA6B,CACjC,KAAA,EACA,UAAA,KACG;AAxMP,IAAA,IAAA,EAAA;AAyMI,IAAA,eAAA,CAAgB,KAAA,GAAQ,KAAA;AACxB,IAAA,IAAI,CAAC,SAAS,KAAA,EAAO;AACnB,MAAA,IAAIC,gBAAA,CAAY,KAAA,EAAO,UAAA,EAAYC,oBAAS,CAAA,EAAG;AAC7C,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AACjB,MAAA,QAAA,CAAS,QAAQ,KAAA,CAAM,OAAA;AACvB,MAAA,iBAAA,CAAkB,QAAQ,SAAA,CAAU,KAAA;AACpC,MAAA,WAAA,GAAA,CAAA,CAAc,EAAA,GAAA,MAAA,CAAO,KAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,WAAA,KAAe,CAAA;AAC3C,MAAA,eAAA,EAAgB,CAAE,YAAY,YAAY,CAAA;AAC1C,MAAA,eAAA,EAAgB;AAAA,IAClB;AACA,IAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAChB,IAAA,OAAA,CAAQ,QAAQ,KAAA,CAAM,OAAA;AACtB,IAAA,OAAA,CAAQ,QAAQ,KAAA,CAAM,OAAA;AACtB,IAAA,IAAI,UAAS,EAAG;AACd,MAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAChB,MAAA,aAAA,CAAc,YAAY,CAAA;AAAA,IAC5B,CAAA,MAAO;AACL,MAAA,YAAA,CAAa,KAAA,CAAM,GAAA,GAAM,KAAA,CAAM,KAAA,GAAQ,EAAA,GAAK,IAAA;AAAA,IAC9C;AAEA,IAAA,IAAI,QAAA,CAAS,OAAM,EAAG;AACpB,MAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,YAAA,CAAa,KAAA,CAAM,IAAA,GAAO,KAAA,CAAM,KAAA,GAAQ,EAAA,GAAK,IAAA;AAAA,IAC/C;AAAA,EACF,CAAA;AAEA,EAAA,IAAI,eAAA;AACJ,EAAA,IAAI,UAAA;AACJ,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAuB;AAxO3C,IAAA,IAAA,EAAA;AAyOI,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,OAAA,CAAQ,QAAQ,CAAA,EAAA,EAAK;AACvC,MAAA,IAAA,CAAA,CAAI,aAAQ,CAAC,CAAA,KAAT,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,UAAA,OAAe,yCAAY,UAAA,CAAA,EAAY;AACrD,QAAA,OAAO,QAAQ,CAAC,CAAA;AAAA,MAClB;AAAA,IACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAEA,EAAA,MAAM,wBAAA,GAA2B,CAAC,KAAA,KAA8B;AAC9D,IAAA,IAAI,SAAS,KAAA,EAAO;AAClB,MAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AACjB,MAAA,eAAA,EAAgB,CAAE,YAAY,YAAY,CAAA;AAAA,IAC5C;AACA,IAAA,eAAA,CAAgB,KAAA,GAAQ,KAAA;AACxB,IAAA,eAAA,GAAkB,IAAA;AAClB,IAAA,UAAA,GAAa,IAAA;AACb,IAAA,eAAA,GAAkB,IAAA;AAClB,IAAA,aAAA,CAAc,YAAY,CAAA;AAC1B,IAAA,iBAAA,CAAkB,KAAA,GAAQ,EAAA;AAC1B,IAAA,wBAAA,CAAyB,KAAA,CAAO,MAAM,OAAA,GAAU,GAAA;AAChD,IAAA,eAAA,CAAgB,OAAA,CAAQ,CAAC,EAAA,KAAO,EAAA,EAAI,CAAA;AACpC,IAAA,eAAA,CAAgB,MAAA,GAAS,CAAA;AACzB,IAAAC,WAAA,CAAI,OAAO,QAAQ,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,wBAAA,GAA2B,CAAC,KAAA,KAAsB;AACtD,IAAA,KAAA,CAAM,UAAA,IAAc,MAAM,cAAA,EAAe;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAsB;AAC1C,IAAA,cAAA,CAAe,KAAA,GAAQ,IAAA;AACvB,IAAA,IAAI,SAAS,KAAA,EAAO;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AACjB,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAC7B,IAAA,eAAA,GAAkB,KAAA;AAClB,IAAA,UAAA,GAAa,KAAA;AACb,IAAA,UAAA,GAAa,SAAA,CAAU,MAAO,qBAAA,EAAsB;AACpD,IAAA,MAAM,MAAM,MAAA,CAAO,KAAA;AACnB,IAAA,MAAM,SAAA,GAAY;AAAA,MAChB;AAAA,QACE,MAAA,EAAQ,QAAA;AAAA,QACR,IAAA,EAAM,WAAA;AAAA,QACN,QAAA,EAAU,wBAAA;AAAA,QACV,OAAA,EAAS,EAAE,OAAA,EAAS,KAAA;AAAM,OAC5B;AAAA,MACA;AAAA,QACE,MAAA,EAAQ,GAAA;AAAA,QACR,IAAA,EAAM,WAAA;AAAA,QACN,QAAA,EAAU,gBAAA;AAAA,QACV,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA;AAAK,OAC3B;AAAA,MACA;AAAA,QACE,MAAA,EAAQ,GAAA;AAAA,QACR,IAAA,EAAM,UAAA;AAAA,QACN,QAAA,EAAU,eAAA;AAAA,QACV,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA;AAAK,OAC3B;AAAA,MACA;AAAA,QACE,MAAA,EAAQ,GAAA;AAAA,QACR,IAAA,EAAM,aAAA;AAAA,QACN,QAAA,EAAU,eAAA;AAAA,QACV,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA;AAAK;AAC3B,KACF;AACA,IAAA,UAAA,CAAW,SAAS,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAsB;AAC9C,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,OAAO,CAAA;AACpC,IAAA,KAAA,IAAS,0BAAA,CAA2B,OAAO,UAAW,CAAA;AAAA,EACxD,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAsB;AAC7C,IAAA,IAAI,KAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,OAAO,CAAA;AAClC,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,KAAA,GAAQ,eAAA;AAAA,IACV;AACA,IAAA,wBAAA,CAAyB,KAAM,CAAA;AAAA,EACjC,CAAA;AACA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAsB;AACzC,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,cAAA,CAAe,KAAA,GAAQ,IAAA;AACvB,IAAA,IAAI,SAAS,KAAA,EAAO;AAClB,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,KAAA,GAAQ,KAAA;AACjB,IAAA,eAAA,GAAkB,KAAA;AAClB,IAAA,UAAA,GAAa,SAAA,CAAU,MAAO,qBAAA,EAAsB;AACpD,IAAA,MAAM,GAAA,GAAM,QAAA;AACZ,IAAA,UAAA,CAAW;AAAA,MACT,EAAE,MAAA,EAAQ,GAAA,EAAK,IAAA,EAAM,WAAA,EAAa,UAAU,gBAAA,EAAiB;AAAA,MAC7D,EAAE,MAAA,EAAQ,GAAA,EAAK,IAAA,EAAM,SAAA,EAAW,UAAU,cAAA,EAAe;AAAA,MACzD,EAAE,MAAA,EAAQ,GAAA,EAAK,IAAA,EAAM,aAAA,EAAe,UAAU,kBAAA;AAAmB,KAClE,CAAA;AAAA,EACH,CAAA;AACA,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAsB,KAAA,CAAM,cAAA,EAAe;AACvE,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAsB;AAC9C,IAAA,0BAAA,CAA2B,OAAO,eAAe,CAAA;AAAA,EACnD,CAAA;AACA,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAsB;AAC5C,IAAA,wBAAA,CAAyB,KAAK,CAAA;AAAA,EAChC,CAAA;AACA,EAAA,MAAM,eAAA,GAAkBN,YAAA;AAAA,IACtB,MAAM,OAAO,KAAA,CAAM,IAAA,IAAS,OAAO,KAAA,CAAM,IAAA,KAAS,UAAa,UAAA,CAAW;AAAA,GAC5E;AAEA,EAAAO,aAAA,CAAU,MAAM;AACd,IAAAC,YAAA,CAAS,MAAM;AACb,MAAAC,SAAA;AAAA,QACE,CAAC,QAAQ,eAAe,CAAA;AAAA,QACxB,CAAC,CAAC,MAAM,CAAA,EAAG,CAAC,MAAM,CAAA,KAAM;AACtB,UAAA,IAAI,MAAA,EAAQ;AACV,YAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACnD,YAAA,MAAA,CAAO,mBAAA,CAAoB,cAAc,YAAY,CAAA;AAAA,UACvD;AACA,UAAA,IAAI,MAAA,IAAU,gBAAgB,KAAA,EAAO;AACnC,YAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAChD,YAAA,MAAA,CAAO,iBAAiB,YAAA,EAAc,YAAA,EAAc,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,UACvE;AAAA,QACF,CAAA;AAAA,QACA,EAAE,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,IAAA;AAAK,OACnC;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AACD,EAAAC,mBAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,OAAO,KAAA,EAAO;AAChB,MAAA,MAAA,CAAO,KAAA,CAAM,mBAAA,CAAoB,WAAA,EAAa,WAAW,CAAA;AACzD,MAAA,MAAA,CAAO,KAAA,CAAM,mBAAA,CAAoB,YAAA,EAAc,YAAY,CAAA;AAAA,IAC7D;AACA,IAAAJ,WAAA,CAAI,OAAO,QAAQ,CAAA;AACnB,IAAAK,UAAA,CAAO,MAAM,YAAY,CAAA;AAAA,EAC3B,CAAC,CAAA;AAED,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,IAAI,QAAA,GAAWC,yBAAA;AACf,IAAA,IAAI,QAAA,CAAS,UAAU,gBAAA,EAAkB;AACvC,MAAA,QAAA,GAAWC,mBAAA;AAAA,IACb;AACA,IAAA,OAAO,iBAAA,CAAkB,eAAA,GACrB,iBAAA,CAAkB,eAAA,CAAgB;AAAA,MAChC,YAAA,EAAcC,SAAA,CAAM,cAAA,CAAe,KAAK,CAAA;AAAA,MACxC,QAAQ,MAAA,CAAO,KAAA;AAAA,MACf,IAAA,EAAMC,eAAA;AAAA,QACJ,MAAA;AAAA,QACA,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,KAAK,CAAA,sBAAA,CAAA,EAA0B,WAAW,QAAA,EAAS;AAAA,QACzE;AAAA,OACF;AAAA,MACA,SAAS,OAAA,CAAQ,KAAA;AAAA,MACjB,UAAU,QAAA,CAAS,KAAA;AAAA,MACnB,OAAO,eAAA,CAAgB;AAAA,KACxB,CAAA,GACD;AAAA,MACEA,eAAA;AAAA,QACE,MAAA;AAAA,QACA,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,KAAK,CAAA,sBAAA,CAAA,EAA0B,WAAW,QAAA,EAAS;AAAA,QACzE;AAAA,OACF;AAAA,MACAA,eAAA;AAAA,QACE,MAAA;AAAA,QACA;AAAA,UACE,KAAA,EAAO,CAAA,EAAG,SAAA,CAAU,KAAK,CAAA,uBAAA,CAAA;AAAA,UACzB,KAAA,EAAO,EAAE,QAAA,EAAU,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA;AAAK,SACxC;AAAA,QACA,CAAC,MAAA,CAAO,KAAA,CAAM,KAAK;AAAA;AACrB,KACF;AAAA,EACN,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,MAAA,cAAA,GAAiBA,gBAAY,oBAAoB,CAAA;AACjD,MAAAJ,UAAA,CAAO,gBAAgB,YAAY,CAAA;AAAA,IACrC;AAAA,EACF,CAAA;AAEA,EAAAF,SAAA;AAAA,IACE,CAAC,SAAS,CAAA;AAAA,IACV,MAAM;AACJ,MAAA,YAAA,CAAa,SAAA,GAAY,CAAA,EAAG,SAAA,CAAU,KAAK,CAAA,iBAAA,CAAA;AAAA,IAC7C,CAAA;AAAA,IACA,EAAE,WAAW,IAAA;AAAK,GACpB;AACA,EAAAA,SAAA,CAAM,CAAC,OAAA,EAAS,WAAW,CAAA,EAAG,MAAM;AAClC,IAAA,aAAA,CAAc,YAAY,CAAA;AAC1B,IAAA,IAAI,WAAA,CAAY,KAAA,KAAU,QAAA,IAAY,OAAA,CAAQ,KAAA,EAAO;AACnD,MAAA,YAAA,GAAe,YAAY,MAAM;AAC/B,QAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAM,GAAI,WAAA,CAAa,MAAO,qBAAA,EAAsB;AAC/D,QAAA,IAAI,QAAQ,KAAA,GAAQ,EAAA,GAAK,CAAA,GAAI,KAAA,GAAQ,WAAW,KAAA,EAAO;AACrD,UAAA,QAAA,CAAS,EAAE,MAAM,WAAA,CAAa,KAAA,CAAO,aAAaO,6BAAA,EAAqB,EAAG,QAAQ,IAAI,CAAA;AACtF,UAAA,YAAA,CAAa,WAAW,CAAA;AACxB,UAAA,WAAA,GAAc,WAAW,MAAM;AAC7B,YAAA,UAAA,CAAW,KAAA,GAAQ,WAAA,CAAa,KAAA,CAAO,UAAA,GAAaA,6BAAA;AAAA,UACtD,CAAC,CAAA;AAAA,QACH,CAAA,MAAA,IAAW,OAAA,CAAQ,KAAA,GAAQ,CAAA,GAAI,UAAU,KAAA,EAAO;AAC9C,UAAA,MAAM,OAAO,IAAA,CAAK,GAAA,CAAI,YAAa,KAAA,CAAO,UAAA,GAAaA,+BAAsB,CAAC,CAAA;AAC9E,UAAA,QAAA,CAAS,EAAE,IAAA,EAAK,EAAG,MAAA,EAAQ,IAAI,CAAA;AAC/B,UAAA,YAAA,CAAa,WAAW,CAAA;AACxB,UAAA,WAAA,GAAc,WAAW,MAAM;AAC7B,YAAA,UAAA,CAAW,KAAA,GAAQ,IAAA;AAAA,UACrB,CAAC,CAAA;AAAA,QACH;AAAA,MACF,GAAG,EAAE,CAAA;AAAA,IACP;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,MAAM,QAAQ,OAAA,CAAQ,KAAA;AACtB,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,CAAU,MAAO,qBAAA,EAAsB;AACrD,IAAA,MAAM,UAAA,GAAaF,SAAA,CAAM,aAAA,CAAc,KAAK,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,WAAW,KAAA,GAAQ,CAAA;AAEtC,IAAA,IAAI,gBAAA,GAAmB,CAAA;AACvB,IAAA,IAAIG,WAAAA,GAAa,CAAA;AACjB,IAAA,IAAI,UAAA,IAAc,WAAA,CAAY,KAAA,KAAU,QAAA,EAAU;AAChD,MAAAA,WAAAA,GAAa,YAAa,KAAA,CAAO,UAAA;AACjC,MAAA,gBAAA,GACE,WAAA,CAAY,KAAA,KAAU,MAAA,GAClBA,WAAAA,GACAA,WAAAA,GAAa,SAAA,CAAU,KAAA,GAAQ,UAAA,CAAW,KAAA,GAAQ,SAAA,CAAU,KAAA,GAAQ,WAAA,CAAY,KAAA;AAAA,IACxF;AAEA,IAAA,KAAA,IAAS,IAAI,CAAA,EAAG,GAAA,GAAM,WAAW,MAAA,EAAQ,CAAA,GAAI,KAAK,CAAA,EAAA,EAAK;AACrD,MAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAa,GAAI,WAAW,CAAC,CAAA;AAC3C,MAAA,MAAM,aAAA,GAAgB,OAAQ,UAAA,GAAa,gBAAA;AAC3C,MAAA,IACE,CAAC,WAAW,CAAC,CAAA,CAAG,wBAChB,KAAA,GAAQ,aAAA,IACR,KAAA,GAAQ,aAAA,GAAgB,YAAA,EACxB;AACA,QAAA,cAAA,CAAe,KAAA,GAAQ,WAAW,CAAC,CAAA;AAAA,MACrC;AAAA,IACF;AACA,IAAA,IAAI,eAAe,KAAA,IAAS,cAAA,CAAe,MAAM,IAAA,KAAS,MAAA,CAAO,MAAM,IAAA,EAAM;AAC3E,MAAA,wBAAA,CAAyB,KAAA,CAAO,MAAM,OAAA,GAAU,GAAA;AAChD,MAAA,wBAAA,CAAyB,MAAO,KAAA,CAAM,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,QAAQ,GAAA,GAAM,OAAA;AAC1E,MAAA,IAAI,cAAA,CAAe,KAAA,CAAM,IAAA,GAAO,MAAA,CAAO,MAAM,IAAA,EAAO;AAClD,QAAA,wBAAA,CAAyB,KAAA,CAAO,KAAA,CAAM,IAAA,GAAO,CAAA,EAC3C,cAAA,CAAe,KAAA,CAAM,IAAA,GACrB,UAAA,CAAW,KAAA,GACX,cAAA,CAAe,KAAA,CAAM,YAAA,GACrB,mBACA,CACF,CAAA,EAAA,CAAA;AAAA,MACF,CAAA,MAAO;AACL,QAAA,wBAAA,CAAyB,KAAA,CAAO,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,cAAA,CAAe,MAAM,IAAA,GAAO,UAAA,CAAW,KAAA,GAAQ,gBAAA,GAAmB,CAAC,CAAA,EAAA,CAAA;AAAA,MACrH;AAAA,IACF,CAAA,MAAO;AACL,MAAA,wBAAA,CAAyB,KAAA,CAAO,MAAM,OAAA,GAAU,GAAA;AAAA,IAClD;AAAA,EACF,CAAA;AAEA,EAAAR,SAAA,CAAM,CAAC,QAAA,EAAU,OAAA,EAAS,OAAA,EAAS,UAAU,GAAG,MAAM;AACpD,IAAAH,WAAA,CAAI,OAAO,QAAQ,CAAA;AACnB,IAAA,QAAA,GAAWA,YAAI,MAAM;AACnB,MAAA,IAAI,QAAA,CAAS,KAAA,IAAS,CAAC,OAAA,CAAQ,KAAA,EAAO;AACpC,QAAA,QAAA,CAAS,KAAA,GAAQ,gBAAA;AAAA,MACnB;AACA,MAAA,IAAI,QAAA,CAAS,KAAA,IAAS,OAAA,CAAQ,KAAA,EAAO;AACnC,QAAA,QAAA,CAAS,KAAA,GAAQ,EAAA;AACjB,QAAA,aAAA,EAAc;AAAA,MAChB,CAAA,MAAO;AACL,QAAA,wBAAA,CAAyB,KAAA,CAAO,MAAM,OAAA,GAAU,GAAA;AAAA,MAClD;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAAG,SAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,QAAA,CAAS,KAAA,IAAS,OAAA,CAAQ,KAAA,IAAS,eAAe,KAAA,EAAO;AAC5D,MAAAH,WAAA,CAAI,OAAO,QAAQ,CAAA;AACnB,MAAA,eAAA,CAAgB;AAAA,QACd,MAAA,EAAQ,OAAO,KAAA,CAAM,YAAA;AAAA,QACrB,YAAA,EAAcQ,SAAA,CAAM,cAAA,CAAe,KAAA,CAAM,YAAY,CAAA;AAAA,QACrD,OAAO,eAAA,CAAgB,KAAA;AAAA,QACvB,KAAK,MAAA,CAAO,KAAA,CAAM,QAAS,cAAA,CAAe,KAAA,CAAM,OAAO,OAAA,GAAU;AAAA,OAClE,CAAA;AAAA,IACH;AAAA,EACF,CAAC,CAAA;AACH;;;;;;"}

package/lib/components/table/src/components/EventInterface.d.ts

@@ -0,0 +1,9 @@
+export type FocusEventHandler = (e: FocusEvent) => void;
+export type MouseEventHandler = (e: MouseEvent) => void;
+export type KeyboardEventHandler = (e: KeyboardEvent) => void;
+export type ChangeEvent = Event & {
+    target: {
+        value?: string | undefined;
+    };
+};
+export type EventHandler = (...args: any[]) => void;

package/lib/components/table/src/components/EventInterface.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=EventInterface.js.map

package/lib/components/table/src/components/EventInterface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventInterface.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/table/src/components/ExpandIcon.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    record: ObjectConstructor;
+    expanded: BooleanConstructor;
+    expandable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    onExpand: FunctionConstructor;
+}>, {
+    handleClick: () => void;
+    className: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    label: import("vue").ComputedRef<string | undefined>;
+    expandIcon: import("vue").ComputedRef<import("./interface.ts").RenderExpandIcon<import("./interface.ts").DefaultRecordType> | undefined>;
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        record: ObjectConstructor;
+        expanded: BooleanConstructor;
+        expandable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        onExpand: FunctionConstructor;
+    }>> & Readonly<{
+        onExpand?: ((...args: any[]) => any) | undefined;
+    }> & {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    record: ObjectConstructor;
+    expanded: BooleanConstructor;
+    expandable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    onExpand: FunctionConstructor;
+}>> & Readonly<{
+    onExpand?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    expanded: boolean;
+    expandable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/table/src/components/ExpandIcon.vue.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ExpandIcon_vue_vue_type_script_lang = require('./ExpandIcon.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["aria-label"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.expandIcon ? (vue.openBlock(), vue.createElementBlock("span", {
+    key: 0,
+    onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+    }, ["stop"]))
+  }, [
+    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(() => _ctx.expandIcon(_ctx.props))))
+  ])) : (vue.openBlock(), vue.createElementBlock("button", {
+    key: 1,
+    type: "button",
+    class: vue.normalizeClass(_ctx.className),
+    "aria-label": _ctx.label,
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
+  }, null, 10, _hoisted_1));
+}
+var ExpandIcon = /* @__PURE__ */ _pluginVue_exportHelper.default(ExpandIcon_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = ExpandIcon;
+//# sourceMappingURL=ExpandIcon.vue.js.map

package/lib/components/table/src/components/ExpandIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIcon.vue.js","sources":["../../../../../../../packages/components/table/src/components/ExpandIcon.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-09 11:35:58\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:47:53\n * @Description:\n-->\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useInjectTable } from './context/TableContext'\n\n// import type { RenderExpandIconProps } from './interface'\n\nexport default defineComponent({\n  name: 'ProTableExpandIcon',\n  props: {\n    prefixCls: String,\n    record: Object,\n    expanded: Boolean,\n    expandable: Boolean,\n    disabled: Boolean,\n    onExpand: Function,\n  },\n  emits: ['expand'],\n  setup(props, { emit }) {\n    const tableContext = useInjectTable()\n\n    const className = computed(() => {\n      const { prefixCls, expanded, expandable, disabled } = props\n      const expandIconClass = `${prefixCls}-row-expand-icon`\n      return {\n        [expandIconClass]: true,\n        [`${expandIconClass}-spaced`]: !expandable,\n        [`${expandIconClass}-expanded`]: expandable && expanded,\n        [`${expandIconClass}-collapsed`]: expandable && !expanded,\n        [`${expandIconClass}-disabled`]: !!disabled,\n      }\n    })\n    return {\n      handleClick: () => {\n        if (props.disabled) {\n          return\n        }\n        emit('expand', props.record)\n      },\n      className,\n      label: computed(() =>\n        props.expanded ? tableContext.locale.value.collapse : tableContext.locale.value.expand,\n      ),\n      expandIcon: computed(() => tableContext.props.expandIcon),\n      props,\n    }\n  },\n})\n</script>\n\n<template>\n  <span v-if=\"expandIcon\" @click.stop>\n    <component :is=\"() => expandIcon!(props as any)\"></component>\n  </span>\n  <button\n    v-else\n    type=\"button\"\n    :class=\"className\"\n    :aria-label=\"label\"\n    @click.stop=\"handleClick\"\n  ></button>\n</template>\n"],"names":["_openBlock","_createElementBlock","_withModifiers","_createBlock","_resolveDynamicComponent","_normalizeClass"],"mappings":";;;;;;;;;;AAyDc,EAAA,OAAA,IAAA,CAAA,UAAA,IAAAA,aAAA,EAAA,EAAZC,uBAEO,MAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;AAAA,IAFkB,OAAA,EAAK,OAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAAC,kBAAN,MAAA;AAAA,IAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA,GAAA,EAAA;AAAA,sBACjCC,eAAA,CAA6DC,2BAAA,CAAA,MAAvC,gBAAY,IAAA,CAAA,KAAK,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,KAAAJ,aAAA,EAAA,EAEzCC,uBAMU,QAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;AAAA,IAJR,IAAA,EAAK,QAAA;AAAA,IACJ,KAAA,EAAKI,kBAAA,CAAE,IAAA,CAAA,SAAS,CAAA;AAAA,IAChB,cAAY,IAAA,CAAA,KAAA;AAAA,IACZ,SAAK,MAAA,mDAAO,IAAA,CAAA,WAAA,IAAA,KAAA,WAAA,CAAA,GAAA,IAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA;AAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA,CAAA;;;;;;"}

package/lib/components/table/src/components/ExpandIcon.vue2.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var TableContext = require('./context/TableContext.js');
+
+var _sfc_main = vue.defineComponent({
+  name: "ProTableExpandIcon",
+  props: {
+    prefixCls: String,
+    record: Object,
+    expanded: Boolean,
+    expandable: Boolean,
+    disabled: Boolean,
+    onExpand: Function
+  },
+  emits: ["expand"],
+  setup(props, { emit }) {
+    const tableContext = TableContext.useInjectTable();
+    const className = vue.computed(() => {
+      const { prefixCls, expanded, expandable, disabled } = props;
+      const expandIconClass = `${prefixCls}-row-expand-icon`;
+      return {
+        [expandIconClass]: true,
+        [`${expandIconClass}-spaced`]: !expandable,
+        [`${expandIconClass}-expanded`]: expandable && expanded,
+        [`${expandIconClass}-collapsed`]: expandable && !expanded,
+        [`${expandIconClass}-disabled`]: !!disabled
+      };
+    });
+    return {
+      handleClick: () => {
+        if (props.disabled) {
+          return;
+        }
+        emit("expand", props.record);
+      },
+      className,
+      label: vue.computed(
+        () => props.expanded ? tableContext.locale.value.collapse : tableContext.locale.value.expand
+      ),
+      expandIcon: vue.computed(() => tableContext.props.expandIcon),
+      props
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=ExpandIcon.vue2.js.map