pro-design-vue 1.0.0-rc.9 → 1.1.0

package/es/components/table/src/components/Body/BodyRow.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BodyRow.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyRow.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2025-09-10 15:16:56\n * @Description:\n-->\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  onBeforeUnmount,\n  computed,\n  nextTick,\n  watchEffect,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRows, useProvideBodyRow } from '../context/BodyRowsContext'\nimport { ExpandColumnKey } from '../../hooks/useColumns'\nimport { RenderSlot } from '../../utils/renderVNode'\nimport { useEditInject } from '../../hooks/useEdit'\nimport { useCellSelection } from '../../hooks/useCellSelection'\nimport { useCellKeyboard } from '../../hooks/useCellKeyboard'\nimport { useInjectHover } from '../../hooks/useHover'\nimport { addClass, removeClass } from '../../utils/class'\nimport ResizeObserver from 'resize-observer-polyfill'\nimport eagerComputed from '../../utils/eagerComputed'\nimport classNames from '../../utils/classNames'\nimport BodyCell from './BodyCell'\nimport ExpandedRow from './ExpandedRow.vue'\nimport BodyExtraCell from './BodyExtraCell.vue'\nimport ExpandIcon from '../ExpandIcon.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\nimport type { RowClassName, RowType, Key } from '../interface'\n\nlet uniIdCount = 0\nexport default defineComponent({\n  name: 'ProTableBodyRow',\n  components: {\n    ExpandIcon,\n    BodyCell,\n    ExpandedRow,\n    BodyExtraCell,\n    RenderSlot,\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    isExpandRow: Boolean as PropType<boolean>,\n    record: { type: Object },\n    type: { type: String as PropType<RowType> },\n    rowKey: { type: [Number, String] as PropType<Key>, required: true },\n    supportExpand: Boolean,\n    pos: Number as PropType<number>,\n    rowIndex: Number as PropType<number>,\n    flattenRowIndex: Number,\n    indent: Number as PropType<number>,\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    getRowClassName: { type: Function as PropType<RowClassName<any>> },\n  },\n  setup(props) {\n    const rowUniId = 'row_uni_id_' + uniIdCount++\n    const tableContext = useInjectTable()\n    const rowInstance = getCurrentInstance()\n\n    const { editCellKeys, closeEditor, openEditor } = useEditInject()\n\n    let isUnmount = false\n    const bodyRow = ref()\n\n    const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection()\n    const { onCellKeydown } = useCellKeyboard()\n\n    const calMaxHeight = () => {\n      if (isUnmount) return\n      let rowHeight = 0\n      let autoCells: HTMLDivElement[] = []\n      if (bodyRow.value) {\n        autoCells = bodyRow.value.querySelectorAll('div[data-cell-auto=true]')\n      }\n      autoCells.forEach((autoCell: HTMLDivElement) => {\n        const { offsetWidth, offsetHeight } = autoCell\n        let autoCellHeight = offsetWidth ? offsetHeight : 0\n        const parentStyle = getComputedStyle(autoCell.parentNode as Element)\n        autoCellHeight +=\n          parseFloat(parentStyle.getPropertyValue('border-top-width')) +\n          parseFloat(parentStyle.getPropertyValue('border-bottom-width'))\n        rowHeight = rowHeight > autoCellHeight ? rowHeight : autoCellHeight\n      })\n      if (autoCells.length) {\n        tableContext.addRowHeight(rowUniId, props.rowKey!, rowHeight)\n      } else {\n        tableContext.removeRowHeight(rowUniId)\n      }\n    }\n\n    watch(\n      () => props.rowKey,\n      () => {\n        calMaxHeight()\n      },\n      { flush: 'post' },\n    )\n\n    const resizeObserver: ResizeObserver = new ResizeObserver(() => {\n      calMaxHeight()\n    })\n\n    const { columns, columnStartIndex } = useInjectBodyRows()\n    const mergedColumns = computed(() =>\n      (props.type === 'center'\n        ? tableContext.centerRowColumnsMap.value.get(props.rowKey)\n        : columns.value)!.filter((item) => !!item),\n    )\n\n    const { tooltipOpen, leftPopupContainer, centerPopupContainer, rightPopupContainer } =\n      useInjectBody()\n    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey } = useInjectHover()\n\n    const popupContainer = computed(() =>\n      props.type === 'left'\n        ? leftPopupContainer.value\n        : props.type === 'center'\n          ? centerPopupContainer.value\n          : props.type === 'right'\n            ? rightPopupContainer.value\n            : null,\n    )\n\n    const isDragging = eagerComputed(() => tableContext.draggingRowKey.value === props.rowKey)\n    const isRowHover = eagerComputed(() => hoverRowKey.value === props.rowKey)\n\n    watch(\n      [isRowHover, bodyRow],\n      () => {\n        bodyRow.value &&\n          (isRowHover.value\n            ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`)\n            : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`))\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const mergedTooltipOpen = eagerComputed(() => tooltipOpen.value && isRowHover.value)\n\n    let timer: any\n    onBeforeUnmount(() => {\n      isUnmount = true\n      resizeObserver.disconnect()\n      clearTimeout(timer)\n      tableContext.removeRowHeight(rowUniId)\n    })\n\n    const hasMultiRowSpanInfo = eagerComputed(() => {\n      return !tableContext.hasMultiRowSpanInfo.value[props.rowKey!]\n    })\n\n    const customRowProps = computed(() => {\n      return tableContext.props.customRow?.(props.record!, props.rowIndex)\n    })\n\n    const rowSelectionType = computed(() => {\n      return tableContext.props.rowSelection?.type\n    })\n\n    const isExpanded = ref(false)\n    const expandedRowKeys = computed(() => tableContext.expandedRowKeys.value)\n    const expanded = eagerComputed(() => expandedRowKeys.value.has?.(props.rowKey!))\n    const expandIconColumnIndex = computed(() => tableContext.expandIconColumnIndex.value || 0)\n    const indentSize = computed(() => tableContext.indentSize.value)\n\n    watchEffect(() => {\n      if (expanded.value) {\n        isExpanded.value = true\n      }\n    })\n\n    const rowExpandable = computed(\n      () =>\n        tableContext.expandType.value === 'row' &&\n        tableContext.props.rowExpandable?.(props.record!),\n    )\n\n    const nestExpandable = computed(() => tableContext.expandType.value === 'nest')\n\n    const hasNestChildren = computed(\n      () =>\n        !!(\n          tableContext.childrenColumnName.value &&\n          props.record?.[tableContext.childrenColumnName.value]\n        ),\n    )\n    const mergedExpandable = computed(() => rowExpandable.value || nestExpandable.value)\n\n    const onInternalTriggerExpand = (record: any, event: any) => {\n      tableContext.onTriggerExpand(record, props.rowKey!, event)\n    }\n\n    const mergedRowHeights = computed(() => tableContext.mergedRowHeights.value)\n\n    const height = eagerComputed(() => mergedRowHeights.value[props.rowKey!])\n    const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey!])\n\n    const isSelected = computed(\n      () =>\n        tableContext.props.highlightSelectRow &&\n        tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey!),\n    )\n\n    const rowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      const isEven = rowIndex! % 2 == 0\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-row-level-${indent}`]: true,\n          [`${prefixCls}-row-hover`]: isRowHover.value,\n          [`${prefixCls}-row-dragging`]: isDragging.value,\n          [`${prefixCls}-row-dragging-insert-target`]:\n            tableContext.insertToRowKey.value === props.rowKey,\n          [`${prefixCls}-row-odd`]: !isEven,\n          [`${prefixCls}-row-even`]: isEven,\n          [`${prefixCls}-no-height`]: !height.value,\n          [`${prefixCls}-row-selected`]: isSelected.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandRowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-expanded-row`]: true,\n          [`${prefixCls}-expanded-row-level-${indent! + 1}`]: true,\n          [`${prefixCls}-no-height`]: !height.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandColumnWidth = eagerComputed(() => {\n      return tableContext.allCellProps.value[props.rowKey!]?.[ExpandColumnKey]?.props?.style?.width\n    })\n\n    const rowStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = {\n        opacity: 1,\n        [`--${props.prefixCls}-row-bg`]: `var(--${props.prefixCls}-row-bg-${props.rowKey}, var(--${props.prefixCls}-bg))`,\n      }\n      if (hasMultiRowSpanInfo.value) {\n        style.transform = `translateY(${props.pos}px)`\n      } else {\n        style.top = `${props.pos}px`\n      }\n      if (height.value !== undefined) {\n        style.height = `${height.value}px`\n      } else {\n        style.height = `${tableContext.baseHeight.value}px`\n      }\n      if (props.isExpandRow && columnStartIndex.value === 0) {\n        style.width = expandColumnWidth.value\n        style.minWidth = '100%'\n      }\n      return style\n    })\n\n    watch(\n      () => ({ ...rowStyle.value }),\n      (newStyle, oldStyle = {}) => {\n        if (tableContext.animateRows.value && !tableContext.useAnimate.value) {\n          if (\n            newStyle.top !== oldStyle.top ||\n            newStyle.height !== oldStyle.height ||\n            newStyle.transform !== oldStyle.transform\n          ) {\n            nextTick(() => {\n              clearTimeout(timer)\n              if (rowInstance?.vnode.el && rowInstance.vnode.el.style) {\n                rowInstance.vnode.el.style.transition = 'none'\n                timer = setTimeout(() => {\n                  if (rowInstance?.vnode?.el?.style) {\n                    rowInstance.vnode.el.style.transition = null\n                  }\n                }, 100)\n              }\n            })\n          }\n        }\n      },\n      { immediate: true },\n    )\n\n    useProvideBodyRow({\n      top: computed(() => props.pos!),\n      height: computed(() =>\n        height.value !== undefined ? height.value : tableContext.baseHeight.value,\n      ),\n      rowKey: computed(() => props.rowKey),\n    })\n\n    const cellClass = computed(() => ({\n      [`${props.prefixCls}-cell`]: true,\n      [`${props.prefixCls}-position-absolute`]: true,\n    }))\n\n    return {\n      rowClass,\n      rowStyle,\n      cellClass,\n      tableContext,\n      mergedRowHeights,\n      handleCellBlur,\n      handleCellHover,\n      handleClick: (event: any) => {\n        tableContext.props.expandRowByClick &&\n          mergedExpandable.value &&\n          onInternalTriggerExpand(props.record, event)\n      },\n      rowSelectionType,\n      nestExpandable,\n      hasNestChildren,\n      mergedExpandable,\n      expandIconColumnIndex,\n      indentSize,\n      expanded,\n      onInternalTriggerExpand,\n      customRowProps,\n      expandColumnKey: ExpandColumnKey,\n      expandRowClass,\n      mergedColumns,\n      height,\n      cellHeight,\n      columnStartIndex,\n      resizeObserver,\n      calMaxHeight,\n      bodyRow,\n      hoverRowKey,\n      hoverColumnKey,\n      xVirtual: eagerComputed(() => tableContext.xVirtual.value),\n      getPopupContainer: () => popupContainer.value!,\n      editCellKeys,\n      closeEditor,\n      openEditor,\n      mergedTooltipOpen,\n      onCellMousedown,\n      onCellKeydown,\n      onCellMousemove,\n      onCellClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"isExpandRow\">\n    <div\n      v-if=\"columnStartIndex === 0\"\n      ref=\"bodyRow\"\n      :data-row-key=\"rowKey\"\n      :class=\"expandRowClass\"\n      :style=\"rowStyle\"\n      role=\"row\"\n    >\n      <ExpandedRow\n        :prefix-cls=\"prefixCls\"\n        :item=\"record\"\n        :row-key=\"rowKey\"\n        :row-index=\"rowIndex\"\n        :resize-observer=\"resizeObserver\"\n        :cal-max-height=\"calMaxHeight\"\n      />\n    </div>\n  </template>\n  <div\n    v-else\n    v-bind=\"customRowProps\"\n    ref=\"bodyRow\"\n    :class=\"rowClass\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    role=\"row\"\n    @click=\"handleClick\"\n  >\n    <RenderSlot>\n      <template v-for=\"(column, index) in mergedColumns\" :key=\"column && column.columnKey\">\n        <BodyExtraCell\n          v-if=\"column && column.__Internal__Column__\"\n          :prefix-cls=\"prefixCls\"\n          :row-key=\"rowKey\"\n          :row-index=\"rowIndex!\"\n          :type=\"type\"\n          :column=\"mergedColumns?.[index]\"\n          :expanded=\"expanded\"\n          :support-expand=\"mergedExpandable\"\n          :record=\"record\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @mouseleave=\"handleCellBlur\"\n        />\n        <BodyCell\n          v-else-if=\"column\"\n          :prefix-cls=\"prefixCls\"\n          :item=\"record\"\n          :row-key=\"rowKey\"\n          :type=\"type\"\n          :row-index=\"rowIndex!\"\n          :flatten-row-index=\"flattenRowIndex\"\n          :wrap-text=\"wrapText\"\n          :column=\"column\"\n          :resize-observer=\"resizeObserver\"\n          :cal-max-height=\"calMaxHeight\"\n          :has-append-node=\"column.columnIndex === expandIconColumnIndex && nestExpandable\"\n          :height=\"cellHeight\"\n          :get-popup-container=\"getPopupContainer\"\n          :tooltip-open=\"mergedTooltipOpen && hoverColumnKey === column.columnKey\"\n          :edit-cell-keys=\"editCellKeys\"\n          @closeEditor=\"closeEditor\"\n          @openEditor=\"openEditor\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @cellLeave=\"handleCellBlur\"\n          @mousedown=\"onCellMousedown\"\n          @mousemove=\"onCellMousemove\"\n          @keydown=\"onCellKeydown\"\n          @click=\"onCellClick\"\n        >\n          <template #appendNode>\n            <div :class=\"`${prefixCls}-append-node`\">\n              <span\n                :style=\"`padding-left: ${(indent || 0) * indentSize}px`\"\n                :class=\"`${prefixCls}-row-indent indent-level-${indent}`\"\n              ></span>\n              <ExpandIcon\n                :expanded=\"expanded\"\n                :prefix-cls=\"prefixCls\"\n                :expandable=\"hasNestChildren\"\n                :record=\"record\"\n                :disabled=\"!mergedExpandable\"\n                @expand=\"onInternalTriggerExpand\"\n              />\n            </div>\n          </template>\n        </BodyCell>\n      </template>\n    </RenderSlot>\n    <div v-if=\"type !== 'center'\" :class=\"`${prefixCls}-cell-shadow-${type}`\"></div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_normalizeClass","_normalizeStyle","_createVNode","_mergeProps","_withCtx","_renderList","_createBlock","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"BodyRow.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyRow.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2025-09-29 09:00:32\n * @Description:\n-->\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  onBeforeUnmount,\n  computed,\n  nextTick,\n  watchEffect,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRows, useProvideBodyRow } from '../context/BodyRowsContext'\nimport { ExpandColumnKey } from '../../hooks/useColumns'\nimport { RenderSlot } from '../../utils/renderVNode'\nimport { useEditInject } from '../../hooks/useEdit'\nimport { useCellSelection } from '../../hooks/useCellSelection'\nimport { useCellKeyboard } from '../../hooks/useCellKeyboard'\nimport { useInjectHover } from '../../hooks/useHover'\nimport { addClass, removeClass } from '../../utils/class'\nimport ResizeObserver from 'resize-observer-polyfill'\nimport eagerComputed from '../../utils/eagerComputed'\nimport classNames from '../../utils/classNames'\nimport BodyCell from './BodyCell'\nimport ExpandedRow from './ExpandedRow.vue'\nimport BodyExtraCell from './BodyExtraCell.vue'\nimport ExpandIcon from '../ExpandIcon.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\nimport type { RowClassName, RowType, Key } from '../interface'\n\nlet uniIdCount = 0\nexport default defineComponent({\n  name: 'ProTableBodyRow',\n  components: {\n    ExpandIcon,\n    BodyCell,\n    ExpandedRow,\n    BodyExtraCell,\n    RenderSlot,\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    isExpandRow: Boolean as PropType<boolean>,\n    record: { type: Object },\n    type: { type: String as PropType<RowType> },\n    rowKey: { type: [Number, String] as PropType<Key>, required: true },\n    supportExpand: Boolean,\n    pos: Number as PropType<number>,\n    rowIndex: Number as PropType<number>,\n    flattenRowIndex: Number,\n    indent: Number as PropType<number>,\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    getRowClassName: { type: Function as PropType<RowClassName<any>> },\n  },\n  setup(props) {\n    const rowUniId = 'row_uni_id_' + uniIdCount++\n    const tableContext = useInjectTable()\n    const rowInstance = getCurrentInstance()\n\n    const { editCellKeys, closeEditor, openEditor } = useEditInject()\n\n    let isUnmount = false\n    const bodyRow = ref()\n\n    const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection()\n    const { onCellKeydown } = useCellKeyboard()\n\n    const calMaxHeight = () => {\n      if (isUnmount) return\n      let rowHeight = 0\n      let autoCells: HTMLDivElement[] = []\n      if (bodyRow.value) {\n        autoCells = bodyRow.value.querySelectorAll('div[data-cell-auto=true]')\n      }\n      autoCells.forEach((autoCell: HTMLDivElement) => {\n        const { offsetWidth, offsetHeight } = autoCell\n        let autoCellHeight = offsetWidth ? offsetHeight : 0\n        const parentStyle = getComputedStyle(autoCell.parentNode as Element)\n        autoCellHeight +=\n          parseFloat(parentStyle.getPropertyValue('border-top-width')) +\n          parseFloat(parentStyle.getPropertyValue('border-bottom-width'))\n        rowHeight = rowHeight > autoCellHeight ? rowHeight : autoCellHeight\n      })\n      if (autoCells.length) {\n        tableContext.addRowHeight(rowUniId, props.rowKey!, rowHeight)\n      } else {\n        tableContext.removeRowHeight(rowUniId)\n      }\n    }\n\n    watch(\n      () => props.rowKey,\n      () => {\n        calMaxHeight()\n      },\n      { flush: 'post' },\n    )\n\n    const resizeObserver: ResizeObserver = new ResizeObserver(() => {\n      calMaxHeight()\n    })\n\n    const { columns, columnStartIndex } = useInjectBodyRows()\n    const mergedColumns = computed(() =>\n      (props.type === 'center'\n        ? tableContext.centerRowColumnsMap.value.get(props.rowKey)\n        : columns.value)!.filter((item) => !!item),\n    )\n\n    const { tooltipOpen, leftPopupContainer, centerPopupContainer, rightPopupContainer } =\n      useInjectBody()\n    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey, rowHover } =\n      useInjectHover()\n\n    const popupContainer = computed(() =>\n      props.type === 'left'\n        ? leftPopupContainer.value\n        : props.type === 'center'\n          ? centerPopupContainer.value\n          : props.type === 'right'\n            ? rightPopupContainer.value\n            : null,\n    )\n\n    const isDragging = eagerComputed(() => tableContext.draggingRowKey.value === props.rowKey)\n    const isRowHover = eagerComputed(() => hoverRowKey.value === props.rowKey)\n\n    watch(\n      [isRowHover, bodyRow],\n      () => {\n        bodyRow.value &&\n          rowHover.value &&\n          (isRowHover.value\n            ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`)\n            : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`))\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const mergedTooltipOpen = eagerComputed(() => tooltipOpen.value && isRowHover.value)\n\n    let timer: any\n    onBeforeUnmount(() => {\n      isUnmount = true\n      resizeObserver.disconnect()\n      clearTimeout(timer)\n      tableContext.removeRowHeight(rowUniId)\n    })\n\n    const hasMultiRowSpanInfo = eagerComputed(() => {\n      return !tableContext.hasMultiRowSpanInfo.value[props.rowKey!]\n    })\n\n    const customRowProps = computed(() => {\n      return tableContext.props.customRow?.(props.record!, props.rowIndex)\n    })\n\n    const rowSelectionType = computed(() => {\n      return tableContext.props.rowSelection?.type\n    })\n\n    const isExpanded = ref(false)\n    const expandedRowKeys = computed(() => tableContext.expandedRowKeys.value)\n    const expanded = eagerComputed(() => expandedRowKeys.value.has?.(props.rowKey!))\n    const expandIconColumnIndex = computed(() => tableContext.expandIconColumnIndex.value || 0)\n    const indentSize = computed(() => tableContext.indentSize.value)\n\n    watchEffect(() => {\n      if (expanded.value) {\n        isExpanded.value = true\n      }\n    })\n\n    const rowExpandable = computed(\n      () =>\n        tableContext.expandType.value === 'row' &&\n        tableContext.props.rowExpandable?.(props.record!),\n    )\n\n    const nestExpandable = computed(() => tableContext.expandType.value === 'nest')\n\n    const hasNestChildren = computed(\n      () =>\n        !!(\n          tableContext.childrenColumnName.value &&\n          props.record?.[tableContext.childrenColumnName.value]\n        ),\n    )\n    const mergedExpandable = computed(() => rowExpandable.value || nestExpandable.value)\n\n    const onInternalTriggerExpand = (record: any, event: any) => {\n      tableContext.onTriggerExpand(record, props.rowKey!, event)\n    }\n\n    const mergedRowHeights = computed(() => tableContext.mergedRowHeights.value)\n\n    const height = eagerComputed(() => mergedRowHeights.value[props.rowKey!])\n    const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey!])\n\n    const isSelected = computed(\n      () =>\n        tableContext.props.highlightSelectRow &&\n        tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey!),\n    )\n\n    const rowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      const isEven = rowIndex! % 2 == 0\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-row-level-${indent}`]: true,\n          [`${prefixCls}-row-hover`]: isRowHover.value && rowHover.value,\n          [`${prefixCls}-row-dragging`]: isDragging.value,\n          [`${prefixCls}-row-dragging-insert-target`]:\n            tableContext.insertToRowKey.value === props.rowKey,\n          [`${prefixCls}-row-odd`]: !isEven,\n          [`${prefixCls}-row-even`]: isEven,\n          [`${prefixCls}-no-height`]: !height.value,\n          [`${prefixCls}-row-selected`]: isSelected.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandRowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-expanded-row`]: true,\n          [`${prefixCls}-expanded-row-level-${indent! + 1}`]: true,\n          [`${prefixCls}-no-height`]: !height.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandColumnWidth = eagerComputed(() => {\n      return tableContext.allCellProps.value[props.rowKey!]?.[ExpandColumnKey]?.props?.style?.width\n    })\n\n    const rowStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = {\n        opacity: 1,\n        [`--${props.prefixCls}-row-bg`]: `var(--${props.prefixCls}-row-bg-${props.rowKey}, var(--${props.prefixCls}-bg))`,\n      }\n      if (hasMultiRowSpanInfo.value) {\n        style.transform = `translateY(${props.pos}px)`\n      } else {\n        style.top = `${props.pos}px`\n      }\n      if (height.value !== undefined) {\n        style.height = `${height.value}px`\n      } else {\n        style.height = `${tableContext.baseHeight.value}px`\n      }\n      if (props.isExpandRow && columnStartIndex.value === 0) {\n        style.width = expandColumnWidth.value\n        style.minWidth = '100%'\n      }\n      return style\n    })\n\n    watch(\n      () => ({ ...rowStyle.value }),\n      (newStyle, oldStyle = {}) => {\n        if (tableContext.animateRows.value && !tableContext.useAnimate.value) {\n          if (\n            newStyle.top !== oldStyle.top ||\n            newStyle.height !== oldStyle.height ||\n            newStyle.transform !== oldStyle.transform\n          ) {\n            nextTick(() => {\n              clearTimeout(timer)\n              if (rowInstance?.vnode.el && rowInstance.vnode.el.style) {\n                rowInstance.vnode.el.style.transition = 'none'\n                timer = setTimeout(() => {\n                  if (rowInstance?.vnode?.el?.style) {\n                    rowInstance.vnode.el.style.transition = null\n                  }\n                }, 100)\n              }\n            })\n          }\n        }\n      },\n      { immediate: true },\n    )\n\n    useProvideBodyRow({\n      top: computed(() => props.pos!),\n      height: computed(() =>\n        height.value !== undefined ? height.value : tableContext.baseHeight.value,\n      ),\n      rowKey: computed(() => props.rowKey),\n    })\n\n    const cellClass = computed(() => ({\n      [`${props.prefixCls}-cell`]: true,\n      [`${props.prefixCls}-position-absolute`]: true,\n    }))\n\n    return {\n      rowClass,\n      rowStyle,\n      cellClass,\n      tableContext,\n      mergedRowHeights,\n      handleCellBlur,\n      handleCellHover,\n      handleClick: (event: any) => {\n        tableContext.props.expandRowByClick &&\n          mergedExpandable.value &&\n          onInternalTriggerExpand(props.record, event)\n      },\n      rowSelectionType,\n      nestExpandable,\n      hasNestChildren,\n      mergedExpandable,\n      expandIconColumnIndex,\n      indentSize,\n      expanded,\n      onInternalTriggerExpand,\n      customRowProps,\n      expandColumnKey: ExpandColumnKey,\n      expandRowClass,\n      mergedColumns,\n      height,\n      cellHeight,\n      columnStartIndex,\n      resizeObserver,\n      calMaxHeight,\n      bodyRow,\n      hoverRowKey,\n      hoverColumnKey,\n      xVirtual: eagerComputed(() => tableContext.xVirtual.value),\n      getPopupContainer: () => popupContainer.value!,\n      editCellKeys,\n      closeEditor,\n      openEditor,\n      mergedTooltipOpen,\n      onCellMousedown,\n      onCellKeydown,\n      onCellMousemove,\n      onCellClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"isExpandRow\">\n    <div\n      v-if=\"columnStartIndex === 0\"\n      ref=\"bodyRow\"\n      :data-row-key=\"rowKey\"\n      :class=\"expandRowClass\"\n      :style=\"rowStyle\"\n      role=\"row\"\n    >\n      <ExpandedRow\n        :prefix-cls=\"prefixCls\"\n        :item=\"record\"\n        :row-key=\"rowKey\"\n        :row-index=\"rowIndex\"\n        :resize-observer=\"resizeObserver\"\n        :cal-max-height=\"calMaxHeight\"\n      />\n    </div>\n  </template>\n  <div\n    v-else\n    v-bind=\"customRowProps\"\n    ref=\"bodyRow\"\n    :class=\"rowClass\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    role=\"row\"\n    @click=\"handleClick\"\n  >\n    <RenderSlot>\n      <template v-for=\"(column, index) in mergedColumns\" :key=\"column && column.columnKey\">\n        <BodyExtraCell\n          v-if=\"column && column.__Internal__Column__\"\n          :prefix-cls=\"prefixCls\"\n          :row-key=\"rowKey\"\n          :row-index=\"rowIndex!\"\n          :type=\"type\"\n          :column=\"mergedColumns?.[index]\"\n          :expanded=\"expanded\"\n          :support-expand=\"mergedExpandable\"\n          :record=\"record\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @mouseleave=\"handleCellBlur\"\n        />\n        <BodyCell\n          v-else-if=\"column\"\n          :prefix-cls=\"prefixCls\"\n          :item=\"record\"\n          :row-key=\"rowKey\"\n          :type=\"type\"\n          :row-index=\"rowIndex!\"\n          :flatten-row-index=\"flattenRowIndex\"\n          :wrap-text=\"wrapText\"\n          :column=\"column\"\n          :resize-observer=\"resizeObserver\"\n          :cal-max-height=\"calMaxHeight\"\n          :has-append-node=\"column.columnIndex === expandIconColumnIndex && nestExpandable\"\n          :height=\"cellHeight\"\n          :get-popup-container=\"getPopupContainer\"\n          :tooltip-open=\"mergedTooltipOpen && hoverColumnKey === column.columnKey\"\n          :edit-cell-keys=\"editCellKeys\"\n          @closeEditor=\"closeEditor\"\n          @openEditor=\"openEditor\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @cellLeave=\"handleCellBlur\"\n          @mousedown=\"onCellMousedown\"\n          @mousemove=\"onCellMousemove\"\n          @keydown=\"onCellKeydown\"\n          @click=\"onCellClick\"\n        >\n          <template #appendNode>\n            <div :class=\"`${prefixCls}-append-node`\">\n              <span\n                :style=\"`padding-left: ${(indent || 0) * indentSize}px`\"\n                :class=\"`${prefixCls}-row-indent indent-level-${indent}`\"\n              ></span>\n              <ExpandIcon\n                :expanded=\"expanded\"\n                :prefix-cls=\"prefixCls\"\n                :expandable=\"hasNestChildren\"\n                :record=\"record\"\n                :disabled=\"!mergedExpandable\"\n                @expand=\"onInternalTriggerExpand\"\n              />\n            </div>\n          </template>\n        </BodyCell>\n      </template>\n    </RenderSlot>\n    <div v-if=\"type !== 'center'\" :class=\"`${prefixCls}-cell-shadow-${type}`\"></div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_normalizeClass","_normalizeStyle","_createVNode","_mergeProps","_withCtx","_renderList","_createBlock","_createElementVNode"],"mappings":"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"}

package/es/components/table/src/components/Body/BodyRow.vue2.mjs

@@ -86,7 +86,7 @@ var _sfc_main = defineComponent({
       () => (props.type === "center" ? tableContext.centerRowColumnsMap.value.get(props.rowKey) : columns.value).filter((item) => !!item)
     );
     const { tooltipOpen, leftPopupContainer, centerPopupContainer, rightPopupContainer } = useInjectBody();
-    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey } = useInjectHover();
+    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey, rowHover } = useInjectHover();
     const popupContainer = computed(
       () => props.type === "left" ? leftPopupContainer.value : props.type === "center" ? centerPopupContainer.value : props.type === "right" ? rightPopupContainer.value : null
     );
@@ -95,7 +95,7 @@ var _sfc_main = defineComponent({
     watch(
       [isRowHover, bodyRow],
       () => {
-        bodyRow.value && (isRowHover.value ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`) : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`));
+        bodyRow.value && rowHover.value && (isRowHover.value ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`) : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`));
       },
       { immediate: true, flush: "post" }
     );
@@ -162,7 +162,7 @@ var _sfc_main = defineComponent({
         {
           [`${prefixCls}-row`]: true,
           [`${prefixCls}-row-level-${indent}`]: true,
-          [`${prefixCls}-row-hover`]: isRowHover.value,
+          [`${prefixCls}-row-hover`]: isRowHover.value && rowHover.value,
           [`${prefixCls}-row-dragging`]: isDragging.value,
           [`${prefixCls}-row-dragging-insert-target`]: tableContext.insertToRowKey.value === props.rowKey,
           [`${prefixCls}-row-odd`]: !isEven,

package/es/components/table/src/components/Body/BodyRow.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BodyRow.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyRow.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2025-09-10 15:16:56\n * @Description:\n-->\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  onBeforeUnmount,\n  computed,\n  nextTick,\n  watchEffect,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRows, useProvideBodyRow } from '../context/BodyRowsContext'\nimport { ExpandColumnKey } from '../../hooks/useColumns'\nimport { RenderSlot } from '../../utils/renderVNode'\nimport { useEditInject } from '../../hooks/useEdit'\nimport { useCellSelection } from '../../hooks/useCellSelection'\nimport { useCellKeyboard } from '../../hooks/useCellKeyboard'\nimport { useInjectHover } from '../../hooks/useHover'\nimport { addClass, removeClass } from '../../utils/class'\nimport ResizeObserver from 'resize-observer-polyfill'\nimport eagerComputed from '../../utils/eagerComputed'\nimport classNames from '../../utils/classNames'\nimport BodyCell from './BodyCell'\nimport ExpandedRow from './ExpandedRow.vue'\nimport BodyExtraCell from './BodyExtraCell.vue'\nimport ExpandIcon from '../ExpandIcon.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\nimport type { RowClassName, RowType, Key } from '../interface'\n\nlet uniIdCount = 0\nexport default defineComponent({\n  name: 'ProTableBodyRow',\n  components: {\n    ExpandIcon,\n    BodyCell,\n    ExpandedRow,\n    BodyExtraCell,\n    RenderSlot,\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    isExpandRow: Boolean as PropType<boolean>,\n    record: { type: Object },\n    type: { type: String as PropType<RowType> },\n    rowKey: { type: [Number, String] as PropType<Key>, required: true },\n    supportExpand: Boolean,\n    pos: Number as PropType<number>,\n    rowIndex: Number as PropType<number>,\n    flattenRowIndex: Number,\n    indent: Number as PropType<number>,\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    getRowClassName: { type: Function as PropType<RowClassName<any>> },\n  },\n  setup(props) {\n    const rowUniId = 'row_uni_id_' + uniIdCount++\n    const tableContext = useInjectTable()\n    const rowInstance = getCurrentInstance()\n\n    const { editCellKeys, closeEditor, openEditor } = useEditInject()\n\n    let isUnmount = false\n    const bodyRow = ref()\n\n    const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection()\n    const { onCellKeydown } = useCellKeyboard()\n\n    const calMaxHeight = () => {\n      if (isUnmount) return\n      let rowHeight = 0\n      let autoCells: HTMLDivElement[] = []\n      if (bodyRow.value) {\n        autoCells = bodyRow.value.querySelectorAll('div[data-cell-auto=true]')\n      }\n      autoCells.forEach((autoCell: HTMLDivElement) => {\n        const { offsetWidth, offsetHeight } = autoCell\n        let autoCellHeight = offsetWidth ? offsetHeight : 0\n        const parentStyle = getComputedStyle(autoCell.parentNode as Element)\n        autoCellHeight +=\n          parseFloat(parentStyle.getPropertyValue('border-top-width')) +\n          parseFloat(parentStyle.getPropertyValue('border-bottom-width'))\n        rowHeight = rowHeight > autoCellHeight ? rowHeight : autoCellHeight\n      })\n      if (autoCells.length) {\n        tableContext.addRowHeight(rowUniId, props.rowKey!, rowHeight)\n      } else {\n        tableContext.removeRowHeight(rowUniId)\n      }\n    }\n\n    watch(\n      () => props.rowKey,\n      () => {\n        calMaxHeight()\n      },\n      { flush: 'post' },\n    )\n\n    const resizeObserver: ResizeObserver = new ResizeObserver(() => {\n      calMaxHeight()\n    })\n\n    const { columns, columnStartIndex } = useInjectBodyRows()\n    const mergedColumns = computed(() =>\n      (props.type === 'center'\n        ? tableContext.centerRowColumnsMap.value.get(props.rowKey)\n        : columns.value)!.filter((item) => !!item),\n    )\n\n    const { tooltipOpen, leftPopupContainer, centerPopupContainer, rightPopupContainer } =\n      useInjectBody()\n    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey } = useInjectHover()\n\n    const popupContainer = computed(() =>\n      props.type === 'left'\n        ? leftPopupContainer.value\n        : props.type === 'center'\n          ? centerPopupContainer.value\n          : props.type === 'right'\n            ? rightPopupContainer.value\n            : null,\n    )\n\n    const isDragging = eagerComputed(() => tableContext.draggingRowKey.value === props.rowKey)\n    const isRowHover = eagerComputed(() => hoverRowKey.value === props.rowKey)\n\n    watch(\n      [isRowHover, bodyRow],\n      () => {\n        bodyRow.value &&\n          (isRowHover.value\n            ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`)\n            : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`))\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const mergedTooltipOpen = eagerComputed(() => tooltipOpen.value && isRowHover.value)\n\n    let timer: any\n    onBeforeUnmount(() => {\n      isUnmount = true\n      resizeObserver.disconnect()\n      clearTimeout(timer)\n      tableContext.removeRowHeight(rowUniId)\n    })\n\n    const hasMultiRowSpanInfo = eagerComputed(() => {\n      return !tableContext.hasMultiRowSpanInfo.value[props.rowKey!]\n    })\n\n    const customRowProps = computed(() => {\n      return tableContext.props.customRow?.(props.record!, props.rowIndex)\n    })\n\n    const rowSelectionType = computed(() => {\n      return tableContext.props.rowSelection?.type\n    })\n\n    const isExpanded = ref(false)\n    const expandedRowKeys = computed(() => tableContext.expandedRowKeys.value)\n    const expanded = eagerComputed(() => expandedRowKeys.value.has?.(props.rowKey!))\n    const expandIconColumnIndex = computed(() => tableContext.expandIconColumnIndex.value || 0)\n    const indentSize = computed(() => tableContext.indentSize.value)\n\n    watchEffect(() => {\n      if (expanded.value) {\n        isExpanded.value = true\n      }\n    })\n\n    const rowExpandable = computed(\n      () =>\n        tableContext.expandType.value === 'row' &&\n        tableContext.props.rowExpandable?.(props.record!),\n    )\n\n    const nestExpandable = computed(() => tableContext.expandType.value === 'nest')\n\n    const hasNestChildren = computed(\n      () =>\n        !!(\n          tableContext.childrenColumnName.value &&\n          props.record?.[tableContext.childrenColumnName.value]\n        ),\n    )\n    const mergedExpandable = computed(() => rowExpandable.value || nestExpandable.value)\n\n    const onInternalTriggerExpand = (record: any, event: any) => {\n      tableContext.onTriggerExpand(record, props.rowKey!, event)\n    }\n\n    const mergedRowHeights = computed(() => tableContext.mergedRowHeights.value)\n\n    const height = eagerComputed(() => mergedRowHeights.value[props.rowKey!])\n    const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey!])\n\n    const isSelected = computed(\n      () =>\n        tableContext.props.highlightSelectRow &&\n        tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey!),\n    )\n\n    const rowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      const isEven = rowIndex! % 2 == 0\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-row-level-${indent}`]: true,\n          [`${prefixCls}-row-hover`]: isRowHover.value,\n          [`${prefixCls}-row-dragging`]: isDragging.value,\n          [`${prefixCls}-row-dragging-insert-target`]:\n            tableContext.insertToRowKey.value === props.rowKey,\n          [`${prefixCls}-row-odd`]: !isEven,\n          [`${prefixCls}-row-even`]: isEven,\n          [`${prefixCls}-no-height`]: !height.value,\n          [`${prefixCls}-row-selected`]: isSelected.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandRowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-expanded-row`]: true,\n          [`${prefixCls}-expanded-row-level-${indent! + 1}`]: true,\n          [`${prefixCls}-no-height`]: !height.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandColumnWidth = eagerComputed(() => {\n      return tableContext.allCellProps.value[props.rowKey!]?.[ExpandColumnKey]?.props?.style?.width\n    })\n\n    const rowStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = {\n        opacity: 1,\n        [`--${props.prefixCls}-row-bg`]: `var(--${props.prefixCls}-row-bg-${props.rowKey}, var(--${props.prefixCls}-bg))`,\n      }\n      if (hasMultiRowSpanInfo.value) {\n        style.transform = `translateY(${props.pos}px)`\n      } else {\n        style.top = `${props.pos}px`\n      }\n      if (height.value !== undefined) {\n        style.height = `${height.value}px`\n      } else {\n        style.height = `${tableContext.baseHeight.value}px`\n      }\n      if (props.isExpandRow && columnStartIndex.value === 0) {\n        style.width = expandColumnWidth.value\n        style.minWidth = '100%'\n      }\n      return style\n    })\n\n    watch(\n      () => ({ ...rowStyle.value }),\n      (newStyle, oldStyle = {}) => {\n        if (tableContext.animateRows.value && !tableContext.useAnimate.value) {\n          if (\n            newStyle.top !== oldStyle.top ||\n            newStyle.height !== oldStyle.height ||\n            newStyle.transform !== oldStyle.transform\n          ) {\n            nextTick(() => {\n              clearTimeout(timer)\n              if (rowInstance?.vnode.el && rowInstance.vnode.el.style) {\n                rowInstance.vnode.el.style.transition = 'none'\n                timer = setTimeout(() => {\n                  if (rowInstance?.vnode?.el?.style) {\n                    rowInstance.vnode.el.style.transition = null\n                  }\n                }, 100)\n              }\n            })\n          }\n        }\n      },\n      { immediate: true },\n    )\n\n    useProvideBodyRow({\n      top: computed(() => props.pos!),\n      height: computed(() =>\n        height.value !== undefined ? height.value : tableContext.baseHeight.value,\n      ),\n      rowKey: computed(() => props.rowKey),\n    })\n\n    const cellClass = computed(() => ({\n      [`${props.prefixCls}-cell`]: true,\n      [`${props.prefixCls}-position-absolute`]: true,\n    }))\n\n    return {\n      rowClass,\n      rowStyle,\n      cellClass,\n      tableContext,\n      mergedRowHeights,\n      handleCellBlur,\n      handleCellHover,\n      handleClick: (event: any) => {\n        tableContext.props.expandRowByClick &&\n          mergedExpandable.value &&\n          onInternalTriggerExpand(props.record, event)\n      },\n      rowSelectionType,\n      nestExpandable,\n      hasNestChildren,\n      mergedExpandable,\n      expandIconColumnIndex,\n      indentSize,\n      expanded,\n      onInternalTriggerExpand,\n      customRowProps,\n      expandColumnKey: ExpandColumnKey,\n      expandRowClass,\n      mergedColumns,\n      height,\n      cellHeight,\n      columnStartIndex,\n      resizeObserver,\n      calMaxHeight,\n      bodyRow,\n      hoverRowKey,\n      hoverColumnKey,\n      xVirtual: eagerComputed(() => tableContext.xVirtual.value),\n      getPopupContainer: () => popupContainer.value!,\n      editCellKeys,\n      closeEditor,\n      openEditor,\n      mergedTooltipOpen,\n      onCellMousedown,\n      onCellKeydown,\n      onCellMousemove,\n      onCellClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"isExpandRow\">\n    <div\n      v-if=\"columnStartIndex === 0\"\n      ref=\"bodyRow\"\n      :data-row-key=\"rowKey\"\n      :class=\"expandRowClass\"\n      :style=\"rowStyle\"\n      role=\"row\"\n    >\n      <ExpandedRow\n        :prefix-cls=\"prefixCls\"\n        :item=\"record\"\n        :row-key=\"rowKey\"\n        :row-index=\"rowIndex\"\n        :resize-observer=\"resizeObserver\"\n        :cal-max-height=\"calMaxHeight\"\n      />\n    </div>\n  </template>\n  <div\n    v-else\n    v-bind=\"customRowProps\"\n    ref=\"bodyRow\"\n    :class=\"rowClass\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    role=\"row\"\n    @click=\"handleClick\"\n  >\n    <RenderSlot>\n      <template v-for=\"(column, index) in mergedColumns\" :key=\"column && column.columnKey\">\n        <BodyExtraCell\n          v-if=\"column && column.__Internal__Column__\"\n          :prefix-cls=\"prefixCls\"\n          :row-key=\"rowKey\"\n          :row-index=\"rowIndex!\"\n          :type=\"type\"\n          :column=\"mergedColumns?.[index]\"\n          :expanded=\"expanded\"\n          :support-expand=\"mergedExpandable\"\n          :record=\"record\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @mouseleave=\"handleCellBlur\"\n        />\n        <BodyCell\n          v-else-if=\"column\"\n          :prefix-cls=\"prefixCls\"\n          :item=\"record\"\n          :row-key=\"rowKey\"\n          :type=\"type\"\n          :row-index=\"rowIndex!\"\n          :flatten-row-index=\"flattenRowIndex\"\n          :wrap-text=\"wrapText\"\n          :column=\"column\"\n          :resize-observer=\"resizeObserver\"\n          :cal-max-height=\"calMaxHeight\"\n          :has-append-node=\"column.columnIndex === expandIconColumnIndex && nestExpandable\"\n          :height=\"cellHeight\"\n          :get-popup-container=\"getPopupContainer\"\n          :tooltip-open=\"mergedTooltipOpen && hoverColumnKey === column.columnKey\"\n          :edit-cell-keys=\"editCellKeys\"\n          @closeEditor=\"closeEditor\"\n          @openEditor=\"openEditor\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @cellLeave=\"handleCellBlur\"\n          @mousedown=\"onCellMousedown\"\n          @mousemove=\"onCellMousemove\"\n          @keydown=\"onCellKeydown\"\n          @click=\"onCellClick\"\n        >\n          <template #appendNode>\n            <div :class=\"`${prefixCls}-append-node`\">\n              <span\n                :style=\"`padding-left: ${(indent || 0) * indentSize}px`\"\n                :class=\"`${prefixCls}-row-indent indent-level-${indent}`\"\n              ></span>\n              <ExpandIcon\n                :expanded=\"expanded\"\n                :prefix-cls=\"prefixCls\"\n                :expandable=\"hasNestChildren\"\n                :record=\"record\"\n                :disabled=\"!mergedExpandable\"\n                @expand=\"onInternalTriggerExpand\"\n              />\n            </div>\n          </template>\n        </BodyCell>\n      </template>\n    </RenderSlot>\n    <div v-if=\"type !== 'center'\" :class=\"`${prefixCls}-cell-shadow-${type}`\"></div>\n  </div>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BodyRow.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyRow.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2025-09-29 09:00:32\n * @Description:\n-->\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  onBeforeUnmount,\n  computed,\n  nextTick,\n  watchEffect,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRows, useProvideBodyRow } from '../context/BodyRowsContext'\nimport { ExpandColumnKey } from '../../hooks/useColumns'\nimport { RenderSlot } from '../../utils/renderVNode'\nimport { useEditInject } from '../../hooks/useEdit'\nimport { useCellSelection } from '../../hooks/useCellSelection'\nimport { useCellKeyboard } from '../../hooks/useCellKeyboard'\nimport { useInjectHover } from '../../hooks/useHover'\nimport { addClass, removeClass } from '../../utils/class'\nimport ResizeObserver from 'resize-observer-polyfill'\nimport eagerComputed from '../../utils/eagerComputed'\nimport classNames from '../../utils/classNames'\nimport BodyCell from './BodyCell'\nimport ExpandedRow from './ExpandedRow.vue'\nimport BodyExtraCell from './BodyExtraCell.vue'\nimport ExpandIcon from '../ExpandIcon.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\nimport type { RowClassName, RowType, Key } from '../interface'\n\nlet uniIdCount = 0\nexport default defineComponent({\n  name: 'ProTableBodyRow',\n  components: {\n    ExpandIcon,\n    BodyCell,\n    ExpandedRow,\n    BodyExtraCell,\n    RenderSlot,\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    isExpandRow: Boolean as PropType<boolean>,\n    record: { type: Object },\n    type: { type: String as PropType<RowType> },\n    rowKey: { type: [Number, String] as PropType<Key>, required: true },\n    supportExpand: Boolean,\n    pos: Number as PropType<number>,\n    rowIndex: Number as PropType<number>,\n    flattenRowIndex: Number,\n    indent: Number as PropType<number>,\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    getRowClassName: { type: Function as PropType<RowClassName<any>> },\n  },\n  setup(props) {\n    const rowUniId = 'row_uni_id_' + uniIdCount++\n    const tableContext = useInjectTable()\n    const rowInstance = getCurrentInstance()\n\n    const { editCellKeys, closeEditor, openEditor } = useEditInject()\n\n    let isUnmount = false\n    const bodyRow = ref()\n\n    const { onCellMousedown, onCellMousemove, onCellClick } = useCellSelection()\n    const { onCellKeydown } = useCellKeyboard()\n\n    const calMaxHeight = () => {\n      if (isUnmount) return\n      let rowHeight = 0\n      let autoCells: HTMLDivElement[] = []\n      if (bodyRow.value) {\n        autoCells = bodyRow.value.querySelectorAll('div[data-cell-auto=true]')\n      }\n      autoCells.forEach((autoCell: HTMLDivElement) => {\n        const { offsetWidth, offsetHeight } = autoCell\n        let autoCellHeight = offsetWidth ? offsetHeight : 0\n        const parentStyle = getComputedStyle(autoCell.parentNode as Element)\n        autoCellHeight +=\n          parseFloat(parentStyle.getPropertyValue('border-top-width')) +\n          parseFloat(parentStyle.getPropertyValue('border-bottom-width'))\n        rowHeight = rowHeight > autoCellHeight ? rowHeight : autoCellHeight\n      })\n      if (autoCells.length) {\n        tableContext.addRowHeight(rowUniId, props.rowKey!, rowHeight)\n      } else {\n        tableContext.removeRowHeight(rowUniId)\n      }\n    }\n\n    watch(\n      () => props.rowKey,\n      () => {\n        calMaxHeight()\n      },\n      { flush: 'post' },\n    )\n\n    const resizeObserver: ResizeObserver = new ResizeObserver(() => {\n      calMaxHeight()\n    })\n\n    const { columns, columnStartIndex } = useInjectBodyRows()\n    const mergedColumns = computed(() =>\n      (props.type === 'center'\n        ? tableContext.centerRowColumnsMap.value.get(props.rowKey)\n        : columns.value)!.filter((item) => !!item),\n    )\n\n    const { tooltipOpen, leftPopupContainer, centerPopupContainer, rightPopupContainer } =\n      useInjectBody()\n    const { handleCellBlur, handleCellHover, hoverRowKey, hoverColumnKey, rowHover } =\n      useInjectHover()\n\n    const popupContainer = computed(() =>\n      props.type === 'left'\n        ? leftPopupContainer.value\n        : props.type === 'center'\n          ? centerPopupContainer.value\n          : props.type === 'right'\n            ? rightPopupContainer.value\n            : null,\n    )\n\n    const isDragging = eagerComputed(() => tableContext.draggingRowKey.value === props.rowKey)\n    const isRowHover = eagerComputed(() => hoverRowKey.value === props.rowKey)\n\n    watch(\n      [isRowHover, bodyRow],\n      () => {\n        bodyRow.value &&\n          rowHover.value &&\n          (isRowHover.value\n            ? addClass(bodyRow.value, `${props.prefixCls}-row-hover`)\n            : removeClass(bodyRow.value, `${props.prefixCls}-row-hover`))\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const mergedTooltipOpen = eagerComputed(() => tooltipOpen.value && isRowHover.value)\n\n    let timer: any\n    onBeforeUnmount(() => {\n      isUnmount = true\n      resizeObserver.disconnect()\n      clearTimeout(timer)\n      tableContext.removeRowHeight(rowUniId)\n    })\n\n    const hasMultiRowSpanInfo = eagerComputed(() => {\n      return !tableContext.hasMultiRowSpanInfo.value[props.rowKey!]\n    })\n\n    const customRowProps = computed(() => {\n      return tableContext.props.customRow?.(props.record!, props.rowIndex)\n    })\n\n    const rowSelectionType = computed(() => {\n      return tableContext.props.rowSelection?.type\n    })\n\n    const isExpanded = ref(false)\n    const expandedRowKeys = computed(() => tableContext.expandedRowKeys.value)\n    const expanded = eagerComputed(() => expandedRowKeys.value.has?.(props.rowKey!))\n    const expandIconColumnIndex = computed(() => tableContext.expandIconColumnIndex.value || 0)\n    const indentSize = computed(() => tableContext.indentSize.value)\n\n    watchEffect(() => {\n      if (expanded.value) {\n        isExpanded.value = true\n      }\n    })\n\n    const rowExpandable = computed(\n      () =>\n        tableContext.expandType.value === 'row' &&\n        tableContext.props.rowExpandable?.(props.record!),\n    )\n\n    const nestExpandable = computed(() => tableContext.expandType.value === 'nest')\n\n    const hasNestChildren = computed(\n      () =>\n        !!(\n          tableContext.childrenColumnName.value &&\n          props.record?.[tableContext.childrenColumnName.value]\n        ),\n    )\n    const mergedExpandable = computed(() => rowExpandable.value || nestExpandable.value)\n\n    const onInternalTriggerExpand = (record: any, event: any) => {\n      tableContext.onTriggerExpand(record, props.rowKey!, event)\n    }\n\n    const mergedRowHeights = computed(() => tableContext.mergedRowHeights.value)\n\n    const height = eagerComputed(() => mergedRowHeights.value[props.rowKey!])\n    const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey!])\n\n    const isSelected = computed(\n      () =>\n        tableContext.props.highlightSelectRow &&\n        tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey!),\n    )\n\n    const rowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      const isEven = rowIndex! % 2 == 0\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-row-level-${indent}`]: true,\n          [`${prefixCls}-row-hover`]: isRowHover.value && rowHover.value,\n          [`${prefixCls}-row-dragging`]: isDragging.value,\n          [`${prefixCls}-row-dragging-insert-target`]:\n            tableContext.insertToRowKey.value === props.rowKey,\n          [`${prefixCls}-row-odd`]: !isEven,\n          [`${prefixCls}-row-even`]: isEven,\n          [`${prefixCls}-no-height`]: !height.value,\n          [`${prefixCls}-row-selected`]: isSelected.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandRowClass = computed(() => {\n      const { prefixCls, record, rowIndex, indent } = props\n      return classNames(\n        {\n          [`${prefixCls}-row`]: true,\n          [`${prefixCls}-expanded-row`]: true,\n          [`${prefixCls}-expanded-row-level-${indent! + 1}`]: true,\n          [`${prefixCls}-no-height`]: !height.value,\n        },\n        props.getRowClassName?.(record, rowIndex!, indent),\n      )\n    })\n\n    const expandColumnWidth = eagerComputed(() => {\n      return tableContext.allCellProps.value[props.rowKey!]?.[ExpandColumnKey]?.props?.style?.width\n    })\n\n    const rowStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = {\n        opacity: 1,\n        [`--${props.prefixCls}-row-bg`]: `var(--${props.prefixCls}-row-bg-${props.rowKey}, var(--${props.prefixCls}-bg))`,\n      }\n      if (hasMultiRowSpanInfo.value) {\n        style.transform = `translateY(${props.pos}px)`\n      } else {\n        style.top = `${props.pos}px`\n      }\n      if (height.value !== undefined) {\n        style.height = `${height.value}px`\n      } else {\n        style.height = `${tableContext.baseHeight.value}px`\n      }\n      if (props.isExpandRow && columnStartIndex.value === 0) {\n        style.width = expandColumnWidth.value\n        style.minWidth = '100%'\n      }\n      return style\n    })\n\n    watch(\n      () => ({ ...rowStyle.value }),\n      (newStyle, oldStyle = {}) => {\n        if (tableContext.animateRows.value && !tableContext.useAnimate.value) {\n          if (\n            newStyle.top !== oldStyle.top ||\n            newStyle.height !== oldStyle.height ||\n            newStyle.transform !== oldStyle.transform\n          ) {\n            nextTick(() => {\n              clearTimeout(timer)\n              if (rowInstance?.vnode.el && rowInstance.vnode.el.style) {\n                rowInstance.vnode.el.style.transition = 'none'\n                timer = setTimeout(() => {\n                  if (rowInstance?.vnode?.el?.style) {\n                    rowInstance.vnode.el.style.transition = null\n                  }\n                }, 100)\n              }\n            })\n          }\n        }\n      },\n      { immediate: true },\n    )\n\n    useProvideBodyRow({\n      top: computed(() => props.pos!),\n      height: computed(() =>\n        height.value !== undefined ? height.value : tableContext.baseHeight.value,\n      ),\n      rowKey: computed(() => props.rowKey),\n    })\n\n    const cellClass = computed(() => ({\n      [`${props.prefixCls}-cell`]: true,\n      [`${props.prefixCls}-position-absolute`]: true,\n    }))\n\n    return {\n      rowClass,\n      rowStyle,\n      cellClass,\n      tableContext,\n      mergedRowHeights,\n      handleCellBlur,\n      handleCellHover,\n      handleClick: (event: any) => {\n        tableContext.props.expandRowByClick &&\n          mergedExpandable.value &&\n          onInternalTriggerExpand(props.record, event)\n      },\n      rowSelectionType,\n      nestExpandable,\n      hasNestChildren,\n      mergedExpandable,\n      expandIconColumnIndex,\n      indentSize,\n      expanded,\n      onInternalTriggerExpand,\n      customRowProps,\n      expandColumnKey: ExpandColumnKey,\n      expandRowClass,\n      mergedColumns,\n      height,\n      cellHeight,\n      columnStartIndex,\n      resizeObserver,\n      calMaxHeight,\n      bodyRow,\n      hoverRowKey,\n      hoverColumnKey,\n      xVirtual: eagerComputed(() => tableContext.xVirtual.value),\n      getPopupContainer: () => popupContainer.value!,\n      editCellKeys,\n      closeEditor,\n      openEditor,\n      mergedTooltipOpen,\n      onCellMousedown,\n      onCellKeydown,\n      onCellMousemove,\n      onCellClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"isExpandRow\">\n    <div\n      v-if=\"columnStartIndex === 0\"\n      ref=\"bodyRow\"\n      :data-row-key=\"rowKey\"\n      :class=\"expandRowClass\"\n      :style=\"rowStyle\"\n      role=\"row\"\n    >\n      <ExpandedRow\n        :prefix-cls=\"prefixCls\"\n        :item=\"record\"\n        :row-key=\"rowKey\"\n        :row-index=\"rowIndex\"\n        :resize-observer=\"resizeObserver\"\n        :cal-max-height=\"calMaxHeight\"\n      />\n    </div>\n  </template>\n  <div\n    v-else\n    v-bind=\"customRowProps\"\n    ref=\"bodyRow\"\n    :class=\"rowClass\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    role=\"row\"\n    @click=\"handleClick\"\n  >\n    <RenderSlot>\n      <template v-for=\"(column, index) in mergedColumns\" :key=\"column && column.columnKey\">\n        <BodyExtraCell\n          v-if=\"column && column.__Internal__Column__\"\n          :prefix-cls=\"prefixCls\"\n          :row-key=\"rowKey\"\n          :row-index=\"rowIndex!\"\n          :type=\"type\"\n          :column=\"mergedColumns?.[index]\"\n          :expanded=\"expanded\"\n          :support-expand=\"mergedExpandable\"\n          :record=\"record\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @mouseleave=\"handleCellBlur\"\n        />\n        <BodyCell\n          v-else-if=\"column\"\n          :prefix-cls=\"prefixCls\"\n          :item=\"record\"\n          :row-key=\"rowKey\"\n          :type=\"type\"\n          :row-index=\"rowIndex!\"\n          :flatten-row-index=\"flattenRowIndex\"\n          :wrap-text=\"wrapText\"\n          :column=\"column\"\n          :resize-observer=\"resizeObserver\"\n          :cal-max-height=\"calMaxHeight\"\n          :has-append-node=\"column.columnIndex === expandIconColumnIndex && nestExpandable\"\n          :height=\"cellHeight\"\n          :get-popup-container=\"getPopupContainer\"\n          :tooltip-open=\"mergedTooltipOpen && hoverColumnKey === column.columnKey\"\n          :edit-cell-keys=\"editCellKeys\"\n          @closeEditor=\"closeEditor\"\n          @openEditor=\"openEditor\"\n          @mouseenter=\"\n            handleCellHover(rowKey, column.columnKey, tableContext.draggingRowKey.value!)\n          \"\n          @cellLeave=\"handleCellBlur\"\n          @mousedown=\"onCellMousedown\"\n          @mousemove=\"onCellMousemove\"\n          @keydown=\"onCellKeydown\"\n          @click=\"onCellClick\"\n        >\n          <template #appendNode>\n            <div :class=\"`${prefixCls}-append-node`\">\n              <span\n                :style=\"`padding-left: ${(indent || 0) * indentSize}px`\"\n                :class=\"`${prefixCls}-row-indent indent-level-${indent}`\"\n              ></span>\n              <ExpandIcon\n                :expanded=\"expanded\"\n                :prefix-cls=\"prefixCls\"\n                :expandable=\"hasNestChildren\"\n                :record=\"record\"\n                :disabled=\"!mergedExpandable\"\n                @expand=\"onInternalTriggerExpand\"\n              />\n            </div>\n          </template>\n        </BodyCell>\n      </template>\n    </RenderSlot>\n    <div v-if=\"type !== 'center'\" :class=\"`${prefixCls}-cell-shadow-${type}`\"></div>\n  </div>\n</template>\n"],"names":[],"mappings":"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"}

package/es/components/table/src/components/Body/EditInput.vue.d.ts

@@ -93,8 +93,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onKeydown?: ((...args: any[]) => any) | undefined;
     onCloseEditor?: ((...args: any[]) => any) | undefined;
 }>, {
-    multiple: boolean;
     record: any;
+    multiple: boolean;
     column: FinallyColumnType<import("../interface").DefaultRecordType>;
     autoHeight: boolean;
     customEditable: boolean;

package/es/components/table/src/components/ColumnSetting/CheckboxList.vue.d.ts

@@ -55,10 +55,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     draggable: boolean;
+    checkable: boolean;
     listHeight: number;
     showTitle: boolean;
     list: any[];
-    checkable: boolean;
 }, {}, {
     Tree: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/components/table/src/components/ColumnSetting/ColumnSetting.vue.d.ts

@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     draggable: boolean;
-    columns: any[];
     checkable: boolean;
+    columns: any[];
     listsHeight: number;
     checkedReset: boolean;
 }, {}, {
@@ -923,10 +923,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             draggable: boolean;
+            checkable: boolean;
             listHeight: number;
             showTitle: boolean;
             list: any[];
-            checkable: boolean;
         }, {}, {
             Tree: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/components/table/src/components/ColumnSetting/GroupCheckboxList.vue.d.ts

@@ -105,10 +105,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         draggable: boolean;
+        checkable: boolean;
         listHeight: number;
         showTitle: boolean;
         list: any[];
-        checkable: boolean;
     }, {}, {
         Tree: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

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

@@ -1 +1 @@
-{"version":3,"file":"RowHandler.vue.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":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;sBAifEA,kBAAA,CAcO,MAAA,EAAA;AAAA,IAbL,GAAA,EAAI,SAAA;AAAA,IACH,KAAA,EAAKC,cAAA,CAAE,IAAA,CAAA,SAAS,CAAA;AAAA,IAChB,gBAAc,IAAA,CAAA,QAAA;AAAA,IACd,aAAA,EAAa,IAAA;AAAA,IACb,mBAAiB,IAAA,CAAA,GAAA;AAAA,IACjB,eAAa,IAAA,CAAA,MAAA;AAAA,IACb,gBAAc,IAAA,CAAA,MAAA;AAAA,IACd,qBAAmB,IAAA,CAAA,UAAA;AAAA,IACnB,WAAW,IAAA,CAAA,QAAA;AAAA,IACZ,YAAA,EAAa,IAAA;AAAA,IACZ,aAAS,MAAA,+CAAO,IAAA,CAAA,WAAA,IAAA,KAAA,WAAA,CAAA,GAAA,IAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAC3B,sBAAA,EAAiB,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,YAAA,IAAA,IAAA,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA;AAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;;;;"}
+{"version":3,"file":"RowHandler.vue.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-09-30 10:41:46\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      } else {\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\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    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":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;sBAkfEA,kBAAA,CAcO,MAAA,EAAA;AAAA,IAbL,GAAA,EAAI,SAAA;AAAA,IACH,KAAA,EAAKC,cAAA,CAAE,IAAA,CAAA,SAAS,CAAA;AAAA,IAChB,gBAAc,IAAA,CAAA,QAAA;AAAA,IACd,aAAA,EAAa,IAAA;AAAA,IACb,mBAAiB,IAAA,CAAA,GAAA;AAAA,IACjB,eAAa,IAAA,CAAA,MAAA;AAAA,IACb,gBAAc,IAAA,CAAA,MAAA;AAAA,IACd,qBAAmB,IAAA,CAAA,UAAA;AAAA,IACnB,WAAW,IAAA,CAAA,QAAA;AAAA,IACZ,YAAA,EAAa,IAAA;AAAA,IACZ,aAAS,MAAA,+CAAO,IAAA,CAAA,WAAA,IAAA,KAAA,WAAA,CAAA,GAAA,IAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAC3B,sBAAA,EAAiB,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,YAAA,IAAA,IAAA,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA;AAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;;;;"}

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

@@ -182,28 +182,29 @@ var _sfc_main = defineComponent({
             event: rowDragEvent.value
           });
         }
+      } else {
+        return [
+          createVNode(
+            "span",
+            { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon2 },
+            null
+          ),
+          createVNode(
+            "span",
+            {
+              class: `${prefixCls.value}-drag-ghost-image-label`,
+              style: { maxWidth: `${parentOffsetWidth}px` }
+            },
+            [(_a = slots.label) == null ? void 0 : _a.call(slots)]
+          )
+        ];
       }
-      return [
-        createVNode(
-          "span",
-          { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon2 },
-          null
-        ),
-        createVNode(
-          "span",
-          {
-            class: `${prefixCls.value}-drag-ghost-image-label`,
-            style: { maxWidth: `${parentOffsetWidth}px` }
-          },
-          [(_a = slots.label) == null ? void 0 : _a.call(slots)]
-        )
-      ];
     };
     const renderDragGhost = () => {
       if (!dragGhostImage) {
         dragGhostImage = createVNode(renderDragGhostImage);
+        render(dragGhostImage, dragGhostDom);
       }
-      render(dragGhostImage, dragGhostDom);
     };
     watch(
       [prefixCls],