pro-design-vue 0.0.1-beta.1

package/es/components/table/src/components/Header/HeaderCell.vue.mjs

@@ -0,0 +1,116 @@
+import _sfc_main from './HeaderCell.vue2.mjs';
+import { resolveComponent, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, mergeProps, withCtx, normalizeClass, createElementVNode, createElementBlock, normalizeProps, createVNode, createTextVNode, toDisplayString, withModifiers } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = ["data-tip"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Sorter = resolveComponent("Sorter");
+  const _component_Tooltip = resolveComponent("Tooltip");
+  const _component_FilterDropdown = resolveComponent("FilterDropdown");
+  const _component_RenderVNode = resolveComponent("RenderVNode");
+  const _component_MenuOutlined = resolveComponent("MenuOutlined");
+  const _component_DragHandle = resolveComponent("DragHandle");
+  return _ctx.colProps.colspan ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.component), mergeProps({
+    key: 0,
+    ref: "domRef",
+    tabindex: "-1",
+    role: "cell",
+    class: _ctx.cellClass,
+    style: _ctx.componentStyle
+  }, _ctx.colProps, {
+    onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleSortClick(_ctx.column, _ctx.sorterInfo.nextSortOrder))
+  }), {
+    default: withCtx(() => [
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.hasIcon ? "div" : _ctx.RenderSlot), {
+        class: normalizeClass(_ctx.cellBoxClass)
+      }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(_ctx.titleClass)
+            },
+            [
+              _ctx.column.sorter && _ctx.showSorterTooltip ? (openBlock(), createBlock(
+                _component_Tooltip,
+                normalizeProps(mergeProps({ key: 0 }, _ctx.tooltipProps)),
+                {
+                  title: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(_ctx.sorterInfo.tip),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", {
+                      class: normalizeClass(`${_ctx.prefixCls}-column-sorters`),
+                      "data-tip": _ctx.sorterInfo.tip
+                    }, [
+                      createVNode(_component_Sorter, mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
+                    ], 10, _hoisted_1)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                16
+                /* FULL_PROPS */
+              )) : (openBlock(), createBlock(_component_Sorter, mergeProps({
+                key: 1,
+                column: _ctx.column
+              }, _ctx.sorterInfo), null, 16, ["column"]))
+            ],
+            2
+            /* CLASS */
+          ),
+          _ctx.sorterInfo.showFilter ? (openBlock(), createBlock(_component_FilterDropdown, {
+            key: 0,
+            "prefix-cls": `${_ctx.prefixCls}-filter`,
+            column: _ctx.column
+          }, null, 8, ["prefix-cls", "column"])) : createCommentVNode("v-if", true),
+          _ctx.column.showMenu && _ctx.tableSlotsContext.menuPopup ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 1,
+              class: normalizeClass([
+                `${_ctx.prefixCls}-menu-popup-trigger`,
+                "hover" === _ctx.column.showMenu && `${_ctx.prefixCls}-menu-popup-trigger-hover`
+              ]),
+              onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.showPopupContent(_ctx.tableSlotsContext.menuPopup, $event, {
+                column: _ctx.column.originColumn,
+                filter: _ctx.menuFilterProps
+              }), ["stop"]))
+            },
+            [
+              _ctx.tableSlotsContext.menuIcon ? (openBlock(), createBlock(_component_RenderVNode, {
+                key: 0,
+                vnode: _ctx.tableSlotsContext.menuIcon({
+                  column: _ctx.column.originColumn,
+                  filtered: _ctx.filtered
+                })
+              }, null, 8, ["vnode"])) : (openBlock(), createBlock(_component_MenuOutlined, { key: 1 }))
+            ],
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["class"])),
+      _ctx.column.resizable && !(_ctx.column.children && _ctx.column.children.length) ? (openBlock(), createBlock(_component_DragHandle, {
+        key: 0,
+        "prefix-cls": _ctx.prefixCls,
+        width: _ctx.widths.width,
+        "min-width": _ctx.widths.minWidth,
+        "max-width": _ctx.widths.maxWidth,
+        column: _ctx.column
+      }, null, 8, ["prefix-cls", "width", "min-width", "max-width", "column"])) : createCommentVNode("v-if", true)
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["class", "style"])) : createCommentVNode("v-if", true);
+}
+var HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { HeaderCell as default };
+//# sourceMappingURL=HeaderCell.vue.mjs.map

package/es/components/table/src/components/Header/HeaderCell.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/Header/HeaderCell.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 10:49:14\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, CSSProperties } from 'vue'\nimport type { FilterKey, FinallyColumnType, SortOrder } from '../interface'\n\nimport { defineComponent, computed, inject, ref, watch, h } from 'vue'\nimport { Tooltip } from 'ant-design-vue'\nimport { MenuOutlined } from '@ant-design/icons-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { RenderVNode, RenderSlot } from '../../utils/renderVNode'\nimport { AUTO_HEADER_HEIGHT } from '../../utils/constant'\nimport { ASCEND, DESCEND, getMultiplePriority } from '../../hooks/useSorter'\nimport { getCellFixedInfo } from '../../utils/fixUtil'\nimport { useInjectHeader } from '../context/HeaderContext'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport { useInjectPopup } from '../context/PopupContext'\nimport { isEqual } from '@pro-design-vue/utils'\nimport useColumnDragHandler from '../Drag/useColumnDragHandler'\nimport supportSticky from '../../utils/supportSticky'\nimport eagerComputed from '../../utils/eagerComputed'\nimport Sorter from './Sorter.vue'\nimport DragHandle from './DragHandle.vue'\nimport FilterDropdown from '../Filter/FilterDropdown.vue'\nimport FilterItems from '../Filter/FilterItems.vue'\n\nexport default defineComponent({\n  name: 'TableHeaderCell',\n  components: {\n    Sorter,\n    Tooltip,\n    DragHandle,\n    FilterDropdown,\n    MenuOutlined,\n    RenderVNode,\n    FilterItems,\n  },\n  props: {\n    component: { type: String, default: 'div' },\n    prefixCls: String as PropType<string>,\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    level: { type: Number as PropType<number>, default: 1 },\n    additionalProps: Object,\n  },\n  setup(props) {\n    const tableContext = useInjectTable()\n    const headerContext = useInjectHeader()\n    const tableSlotsContext = useInjectSlots()\n    const { showPopupContent } = useInjectPopup()\n\n    const columnDragging = computed(\n      () => tableContext.draggingColumnKey.value === props.column.columnKey,\n    )\n    const autoHeight = inject<boolean>(AUTO_HEADER_HEIGHT, false)\n    const domRef = ref<HTMLDivElement>()\n\n    if (props.level === 1) {\n      useColumnDragHandler({\n        column: computed(() => props.column),\n        columnKey: computed(() => props.column.columnKey),\n        disabled: computed(() => false),\n        domRef,\n      })\n    }\n\n    const showSorterTooltip = computed(() => {\n      return undefined === props.column.showSorterTooltip\n        ? tableContext.props.showSorterTooltip\n        : props.column.showSorterTooltip\n    })\n\n    const tooltipProps = computed(() =>\n      'boolean' == typeof showSorterTooltip.value ? {} : showSorterTooltip.value,\n    )\n\n    const sorterInfo = computed(() => {\n      const column = props.column\n      const columnKey = column.columnKey\n      const sorterState = tableContext.sorterStates.value.find(({ key }) => key === columnKey)\n      const sorterOrder = sorterState ? sorterState.sortOrder : null\n      const sortDirections = column.sortDirections || ['asc', 'desc']\n      const nextSortOrder = sorterOrder\n        ? sortDirections[sortDirections.indexOf(sorterOrder) + 1]\n        : sortDirections[0]\n\n      const { cancelSort, triggerAsc, triggerDesc } = tableContext.locale.value || {}\n      let tip = cancelSort\n      if (nextSortOrder === DESCEND) {\n        tip = triggerDesc\n      } else if (nextSortOrder === ASCEND) {\n        tip = triggerAsc\n      }\n      return {\n        columnKey,\n        sorterState,\n        sorterOrder,\n        sortDirections,\n        nextSortOrder,\n        tip,\n        showFilter:\n          !!(\n            column.filters ||\n            column.filterDropdown ||\n            (column.slots && column.slots.filterDropdown) ||\n            column.customFilterDropdown\n          ) && false !== column.showFilter,\n        wrapText: props.column.wrapText === undefined ? props.wrapText : props.column.wrapText,\n      }\n    })\n    const hasIcon = computed(() => sorterInfo.value.showFilter || !!tableSlotsContext.menuPopup)\n    const cellBoxClass = computed(() => ({\n      [`${props.prefixCls}-has-icon-column`]: hasIcon.value,\n      [`${props.prefixCls}-cell-box`]: true,\n    }))\n    const titleClass = computed(() => {\n      const { prefixCls } = props\n      return {\n        [`${prefixCls}-column-title`]: true,\n        [`${prefixCls}-cell-box`]: !hasIcon.value,\n      }\n    })\n\n    const widths = computed(() => {\n      const {\n        columnIndex = tableContext.columnKeyIndexMap.value[props.column.columnKey],\n        colSpan = 1,\n      } = props.column\n      return tableContext.getColumnPosition(columnIndex!, colSpan)\n    })\n\n    const customColProps = computed(() =>\n      (props.column.customHeaderCell || tableContext.props.customHeaderCell || (() => ({})))(\n        props.column,\n      ),\n    )\n\n    const colProps = computed(() => {\n      const { columnIndex, colSpan = 1 } = props.column\n      return Object.assign({}, customColProps.value, {\n        colspan: colSpan,\n        colstart: columnIndex,\n        colend: colSpan + columnIndex - 1,\n        ...props.additionalProps,\n      })\n    })\n\n    const cellFixedInfo = computed(() => {\n      if (autoHeight) {\n        return getCellFixedInfo(\n          colProps.value!.colstart,\n          colProps.value!.colend,\n          tableContext.allColumns.value as any,\n          tableContext.stickyOffsets.value,\n          tableContext.props.direction,\n        )\n      }\n      return undefined\n    })\n\n    const cellClass = computed(() => {\n      const { prefixCls, column } = props\n      let cellFixedCls = {}\n      if (cellFixedInfo.value && supportSticky) {\n        const autoCellPrefixCls = `${prefixCls}-cell`,\n          { fixLeft, fixRight, firstFixLeft, lastFixLeft, firstFixRight, lastFixRight } =\n            cellFixedInfo.value\n        cellFixedCls = {\n          [`${autoCellPrefixCls}-fix-left`]: typeof fixLeft === 'number',\n          [`${autoCellPrefixCls}-fix-left-first`]: firstFixLeft,\n          [`${autoCellPrefixCls}-fix-left-last`]: lastFixLeft,\n          [`${autoCellPrefixCls}-fix-right`]: typeof fixRight == 'number',\n          [`${autoCellPrefixCls}-fix-right-first`]: firstFixRight,\n          [`${autoCellPrefixCls}-fix-right-last`]: lastFixRight,\n        }\n      }\n      return Object.assign(\n        {\n          [`${prefixCls}-cell`]: true,\n          [`${prefixCls}-header-cell`]: true,\n          [column.class || '']: true,\n          [column.className || '']: true,\n          [`${prefixCls}-column-sort`]: sorterInfo.value.sorterOrder,\n          [`${prefixCls}-column-has-sorters`]: column.sorter,\n          [`${prefixCls}-drag-column-dragging`]: columnDragging.value,\n        },\n        cellFixedCls,\n      )\n    })\n\n    const componentStyle = computed(() => {\n      const styles: CSSProperties = {}\n      if (cellFixedInfo.value && supportSticky) {\n        const { fixLeft, fixRight } = cellFixedInfo.value\n        if (typeof fixLeft == 'number') {\n          styles.position = 'sticky'\n          styles.left = `${fixLeft}px`\n        }\n        if (typeof fixRight == 'number') {\n          styles.position = 'sticky'\n          styles.right = `${fixRight}px`\n        }\n      }\n      return autoHeight\n        ? styles\n        : { width: `${widths.value.width}px`, height: `${props.column.height}px` }\n    })\n\n    const selectedKeysRef = ref<FilterKey>([])\n    const filterStates = computed(() => tableContext.filterStates.value)\n    const columnKey = computed(() => props.column.columnKey)\n    const filterState = computed(() =>\n      filterStates.value.find(({ key }) => columnKey.value === key),\n    )\n\n    const changeFilter = (keys: FilterKey) => {\n      const filteredKeys = keys?.length ? keys : null\n      if (!(null !== filteredKeys || (filterState.value && filterState.value.filteredKeys)))\n        return null\n      if (\n        isEqual(\n          filteredKeys,\n          null == filterState.value ? undefined : filterState.value.filteredKeys,\n        )\n      )\n        return null\n      const state = { column: props.column, key: columnKey.value, filteredKeys }\n      tableContext?.changeFilter(state)\n    }\n\n    watch(\n      filterState,\n      () => {\n        selectedKeysRef.value = filterState.value?.filteredKeys || []\n      },\n      { immediate: true },\n    )\n\n    const clearFilters = () => {\n      selectedKeysRef.value = []\n      changeFilter([])\n    }\n    const confirm = () => {\n      changeFilter(selectedKeysRef.value)\n    }\n\n    const filtered = eagerComputed(() => {\n      return !!selectedKeysRef.value?.length\n    })\n\n    const menuFilterProps = computed(() => ({\n      prefixCls: props.prefixCls,\n      setSelectedKeys: (keys: FilterKey) => {\n        selectedKeysRef.value = keys || []\n      },\n      selectedKeysRef,\n      confirm,\n      clearFilters,\n      filters: props.column.filters,\n    }))\n\n    return {\n      tableContext,\n      sorterInfo,\n      handleSortClick: (column: FinallyColumnType<any>, nextSortOrder: SortOrder) => {\n        if (!column.sorter) return\n        const sortState = {\n          column,\n          key: column.columnKey,\n          sortOrder: nextSortOrder,\n          multiplePriority: getMultiplePriority(column),\n        }\n        tableContext.changeSorter(sortState)\n      },\n      cellClass,\n      widths,\n      colProps,\n      RenderSlot,\n      titleClass,\n      domRef,\n      autoHeight,\n      componentStyle,\n      headerContext,\n      tableSlotsContext,\n      cellBoxClass,\n      showPopupContent,\n      FilterItems,\n      h,\n\n      hasIcon,\n      menuFilterProps,\n      filtered,\n      tooltipProps,\n      showSorterTooltip,\n    }\n  },\n})\n</script>\n\n<template>\n  <component\n    v-if=\"colProps.colspan\"\n    ref=\"domRef\"\n    :is=\"component\"\n    tabindex=\"-1\"\n    role=\"cell\"\n    :class=\"cellClass\"\n    :style=\"componentStyle\"\n    v-bind=\"colProps\"\n    @click=\"handleSortClick(column, sorterInfo.nextSortOrder!)\"\n  >\n    <component :is=\"hasIcon ? 'div' : RenderSlot\" :class=\"cellBoxClass\">\n      <span :class=\"titleClass\">\n        <Tooltip v-if=\"column.sorter && showSorterTooltip\" v-bind=\"tooltipProps\">\n          <template #title>\n            {{ sorterInfo.tip }}\n          </template>\n          <div :class=\"`${prefixCls}-column-sorters`\" :data-tip=\"sorterInfo.tip\">\n            <Sorter :column=\"column\" v-bind=\"sorterInfo\" />\n          </div>\n        </Tooltip>\n        <Sorter v-else :column=\"column\" v-bind=\"sorterInfo\" />\n      </span>\n      <FilterDropdown\n        v-if=\"sorterInfo.showFilter\"\n        :prefix-cls=\"`${prefixCls}-filter`\"\n        :column=\"column\"\n      />\n      <span\n        v-if=\"column.showMenu && tableSlotsContext.menuPopup\"\n        :class=\"[\n          `${prefixCls}-menu-popup-trigger`,\n          'hover' === column.showMenu && `${prefixCls}-menu-popup-trigger-hover`,\n        ]\"\n        @click.stop=\"\n          showPopupContent(tableSlotsContext.menuPopup, $event, {\n            column: column.originColumn,\n            filter: menuFilterProps,\n          })\n        \"\n      >\n        <RenderVNode\n          v-if=\"tableSlotsContext.menuIcon\"\n          :vnode=\"\n            tableSlotsContext.menuIcon({\n              column: column.originColumn!,\n              filtered: filtered,\n            })\n          \"\n        />\n        <MenuOutlined v-else />\n      </span>\n    </component>\n    <DragHandle\n      v-if=\"column.resizable && !(column.children && column.children.length)\"\n      :prefix-cls=\"prefixCls\"\n      :width=\"widths.width\"\n      :min-width=\"widths.minWidth\"\n      :max-width=\"widths.maxWidth\"\n      :column=\"column\"\n    />\n  </component>\n</template>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_normalizeClass","_createElementVNode","_normalizeProps","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_createCommentVNode","_createElementBlock","_withModifiers"],"mappings":"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"}

package/es/components/table/src/components/Header/HeaderCell.vue2.mjs

@@ -0,0 +1,260 @@
+import { defineComponent, computed, inject, ref, watch, h } from 'vue';
+import { Tooltip } from 'ant-design-vue';
+import { MenuOutlined } from '@ant-design/icons-vue';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { RenderVNode, RenderSlot } from '../../utils/renderVNode.mjs';
+import { AUTO_HEADER_HEIGHT } from '../../utils/constant.mjs';
+import { getMultiplePriority, DESCEND, ASCEND } from '../../hooks/useSorter.mjs';
+import { getCellFixedInfo } from '../../utils/fixUtil.mjs';
+import { useInjectHeader } from '../context/HeaderContext.mjs';
+import { useInjectSlots } from '../context/TableSlotsContext.mjs';
+import { useInjectPopup } from '../context/PopupContext.mjs';
+import useColumnDragHandler from '../Drag/useColumnDragHandler.mjs';
+import supportSticky from '../../utils/supportSticky.mjs';
+import eagerComputed from '../../utils/eagerComputed.mjs';
+import Sorter from './Sorter.vue.mjs';
+import DragHandle from './DragHandle.vue.mjs';
+import FilterDropdown from '../Filter/FilterDropdown.vue.mjs';
+import FilterItems from '../Filter/FilterItems.vue.mjs';
+import { isEqual } from 'lodash-unified';
+
+var _sfc_main = defineComponent({
+  name: "TableHeaderCell",
+  components: {
+    Sorter,
+    Tooltip,
+    DragHandle,
+    FilterDropdown,
+    MenuOutlined,
+    RenderVNode,
+    FilterItems
+  },
+  props: {
+    component: { type: String, default: "div" },
+    prefixCls: String,
+    column: { type: Object, default: () => ({}) },
+    wrapText: { type: Boolean, default: false },
+    level: { type: Number, default: 1 },
+    additionalProps: Object
+  },
+  setup(props) {
+    const tableContext = useInjectTable();
+    const headerContext = useInjectHeader();
+    const tableSlotsContext = useInjectSlots();
+    const { showPopupContent } = useInjectPopup();
+    const columnDragging = computed(
+      () => tableContext.draggingColumnKey.value === props.column.columnKey
+    );
+    const autoHeight = inject(AUTO_HEADER_HEIGHT, false);
+    const domRef = ref();
+    if (props.level === 1) {
+      useColumnDragHandler({
+        column: computed(() => props.column),
+        columnKey: computed(() => props.column.columnKey),
+        disabled: computed(() => false),
+        domRef
+      });
+    }
+    const showSorterTooltip = computed(() => {
+      return void 0 === props.column.showSorterTooltip ? tableContext.props.showSorterTooltip : props.column.showSorterTooltip;
+    });
+    const tooltipProps = computed(
+      () => "boolean" == typeof showSorterTooltip.value ? {} : showSorterTooltip.value
+    );
+    const sorterInfo = computed(() => {
+      const column = props.column;
+      const columnKey2 = column.columnKey;
+      const sorterState = tableContext.sorterStates.value.find(({ key }) => key === columnKey2);
+      const sorterOrder = sorterState ? sorterState.sortOrder : null;
+      const sortDirections = column.sortDirections || ["asc", "desc"];
+      const nextSortOrder = sorterOrder ? sortDirections[sortDirections.indexOf(sorterOrder) + 1] : sortDirections[0];
+      const { cancelSort, triggerAsc, triggerDesc } = tableContext.locale.value || {};
+      let tip = cancelSort;
+      if (nextSortOrder === DESCEND) {
+        tip = triggerDesc;
+      } else if (nextSortOrder === ASCEND) {
+        tip = triggerAsc;
+      }
+      return {
+        columnKey: columnKey2,
+        sorterState,
+        sorterOrder,
+        sortDirections,
+        nextSortOrder,
+        tip,
+        showFilter: !!(column.filters || column.filterDropdown || column.slots && column.slots.filterDropdown || column.customFilterDropdown) && false !== column.showFilter,
+        wrapText: props.column.wrapText === void 0 ? props.wrapText : props.column.wrapText
+      };
+    });
+    const hasIcon = computed(() => sorterInfo.value.showFilter || !!tableSlotsContext.menuPopup);
+    const cellBoxClass = computed(() => ({
+      [`${props.prefixCls}-has-icon-column`]: hasIcon.value,
+      [`${props.prefixCls}-cell-box`]: true
+    }));
+    const titleClass = computed(() => {
+      const { prefixCls } = props;
+      return {
+        [`${prefixCls}-column-title`]: true,
+        [`${prefixCls}-cell-box`]: !hasIcon.value
+      };
+    });
+    const widths = computed(() => {
+      const {
+        columnIndex = tableContext.columnKeyIndexMap.value[props.column.columnKey],
+        colSpan = 1
+      } = props.column;
+      return tableContext.getColumnPosition(columnIndex, colSpan);
+    });
+    const customColProps = computed(
+      () => (props.column.customHeaderCell || tableContext.props.customHeaderCell || (() => ({})))(
+        props.column
+      )
+    );
+    const colProps = computed(() => {
+      const { columnIndex, colSpan = 1 } = props.column;
+      return Object.assign({}, customColProps.value, {
+        colspan: colSpan,
+        colstart: columnIndex,
+        colend: colSpan + columnIndex - 1,
+        ...props.additionalProps
+      });
+    });
+    const cellFixedInfo = computed(() => {
+      if (autoHeight) {
+        return getCellFixedInfo(
+          colProps.value.colstart,
+          colProps.value.colend,
+          tableContext.allColumns.value,
+          tableContext.stickyOffsets.value,
+          tableContext.props.direction
+        );
+      }
+      return void 0;
+    });
+    const cellClass = computed(() => {
+      const { prefixCls, column } = props;
+      let cellFixedCls = {};
+      if (cellFixedInfo.value && supportSticky) {
+        const autoCellPrefixCls = `${prefixCls}-cell`, { fixLeft, fixRight, firstFixLeft, lastFixLeft, firstFixRight, lastFixRight } = cellFixedInfo.value;
+        cellFixedCls = {
+          [`${autoCellPrefixCls}-fix-left`]: typeof fixLeft === "number",
+          [`${autoCellPrefixCls}-fix-left-first`]: firstFixLeft,
+          [`${autoCellPrefixCls}-fix-left-last`]: lastFixLeft,
+          [`${autoCellPrefixCls}-fix-right`]: typeof fixRight == "number",
+          [`${autoCellPrefixCls}-fix-right-first`]: firstFixRight,
+          [`${autoCellPrefixCls}-fix-right-last`]: lastFixRight
+        };
+      }
+      return Object.assign(
+        {
+          [`${prefixCls}-cell`]: true,
+          [`${prefixCls}-header-cell`]: true,
+          [column.class || ""]: true,
+          [column.className || ""]: true,
+          [`${prefixCls}-column-sort`]: sorterInfo.value.sorterOrder,
+          [`${prefixCls}-column-has-sorters`]: column.sorter,
+          [`${prefixCls}-drag-column-dragging`]: columnDragging.value
+        },
+        cellFixedCls
+      );
+    });
+    const componentStyle = computed(() => {
+      const styles = {};
+      if (cellFixedInfo.value && supportSticky) {
+        const { fixLeft, fixRight } = cellFixedInfo.value;
+        if (typeof fixLeft == "number") {
+          styles.position = "sticky";
+          styles.left = `${fixLeft}px`;
+        }
+        if (typeof fixRight == "number") {
+          styles.position = "sticky";
+          styles.right = `${fixRight}px`;
+        }
+      }
+      return autoHeight ? styles : { width: `${widths.value.width}px`, height: `${props.column.height}px` };
+    });
+    const selectedKeysRef = ref([]);
+    const filterStates = computed(() => tableContext.filterStates.value);
+    const columnKey = computed(() => props.column.columnKey);
+    const filterState = computed(
+      () => filterStates.value.find(({ key }) => columnKey.value === key)
+    );
+    const changeFilter = (keys) => {
+      const filteredKeys = (keys == null ? void 0 : keys.length) ? keys : null;
+      if (!(null !== filteredKeys || filterState.value && filterState.value.filteredKeys))
+        return null;
+      if (isEqual(
+        filteredKeys,
+        null == filterState.value ? void 0 : filterState.value.filteredKeys
+      ))
+        return null;
+      const state = { column: props.column, key: columnKey.value, filteredKeys };
+      tableContext == null ? void 0 : tableContext.changeFilter(state);
+    };
+    watch(
+      filterState,
+      () => {
+        var _a;
+        selectedKeysRef.value = ((_a = filterState.value) == null ? void 0 : _a.filteredKeys) || [];
+      },
+      { immediate: true }
+    );
+    const clearFilters = () => {
+      selectedKeysRef.value = [];
+      changeFilter([]);
+    };
+    const confirm = () => {
+      changeFilter(selectedKeysRef.value);
+    };
+    const filtered = eagerComputed(() => {
+      var _a;
+      return !!((_a = selectedKeysRef.value) == null ? void 0 : _a.length);
+    });
+    const menuFilterProps = computed(() => ({
+      prefixCls: props.prefixCls,
+      setSelectedKeys: (keys) => {
+        selectedKeysRef.value = keys || [];
+      },
+      selectedKeysRef,
+      confirm,
+      clearFilters,
+      filters: props.column.filters
+    }));
+    return {
+      tableContext,
+      sorterInfo,
+      handleSortClick: (column, nextSortOrder) => {
+        if (!column.sorter) return;
+        const sortState = {
+          column,
+          key: column.columnKey,
+          sortOrder: nextSortOrder,
+          multiplePriority: getMultiplePriority(column)
+        };
+        tableContext.changeSorter(sortState);
+      },
+      cellClass,
+      widths,
+      colProps,
+      RenderSlot,
+      titleClass,
+      domRef,
+      autoHeight,
+      componentStyle,
+      headerContext,
+      tableSlotsContext,
+      cellBoxClass,
+      showPopupContent,
+      FilterItems,
+      h,
+      hasIcon,
+      menuFilterProps,
+      filtered,
+      tooltipProps,
+      showSorterTooltip
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=HeaderCell.vue2.mjs.map

package/es/components/table/src/components/Header/HeaderCell.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Header/HeaderCell.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-09-01 10:49:14\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, CSSProperties } from 'vue'\nimport type { FilterKey, FinallyColumnType, SortOrder } from '../interface'\n\nimport { defineComponent, computed, inject, ref, watch, h } from 'vue'\nimport { Tooltip } from 'ant-design-vue'\nimport { MenuOutlined } from '@ant-design/icons-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { RenderVNode, RenderSlot } from '../../utils/renderVNode'\nimport { AUTO_HEADER_HEIGHT } from '../../utils/constant'\nimport { ASCEND, DESCEND, getMultiplePriority } from '../../hooks/useSorter'\nimport { getCellFixedInfo } from '../../utils/fixUtil'\nimport { useInjectHeader } from '../context/HeaderContext'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport { useInjectPopup } from '../context/PopupContext'\nimport { isEqual } from '@pro-design-vue/utils'\nimport useColumnDragHandler from '../Drag/useColumnDragHandler'\nimport supportSticky from '../../utils/supportSticky'\nimport eagerComputed from '../../utils/eagerComputed'\nimport Sorter from './Sorter.vue'\nimport DragHandle from './DragHandle.vue'\nimport FilterDropdown from '../Filter/FilterDropdown.vue'\nimport FilterItems from '../Filter/FilterItems.vue'\n\nexport default defineComponent({\n  name: 'TableHeaderCell',\n  components: {\n    Sorter,\n    Tooltip,\n    DragHandle,\n    FilterDropdown,\n    MenuOutlined,\n    RenderVNode,\n    FilterItems,\n  },\n  props: {\n    component: { type: String, default: 'div' },\n    prefixCls: String as PropType<string>,\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    wrapText: { type: Boolean as PropType<boolean>, default: false },\n    level: { type: Number as PropType<number>, default: 1 },\n    additionalProps: Object,\n  },\n  setup(props) {\n    const tableContext = useInjectTable()\n    const headerContext = useInjectHeader()\n    const tableSlotsContext = useInjectSlots()\n    const { showPopupContent } = useInjectPopup()\n\n    const columnDragging = computed(\n      () => tableContext.draggingColumnKey.value === props.column.columnKey,\n    )\n    const autoHeight = inject<boolean>(AUTO_HEADER_HEIGHT, false)\n    const domRef = ref<HTMLDivElement>()\n\n    if (props.level === 1) {\n      useColumnDragHandler({\n        column: computed(() => props.column),\n        columnKey: computed(() => props.column.columnKey),\n        disabled: computed(() => false),\n        domRef,\n      })\n    }\n\n    const showSorterTooltip = computed(() => {\n      return undefined === props.column.showSorterTooltip\n        ? tableContext.props.showSorterTooltip\n        : props.column.showSorterTooltip\n    })\n\n    const tooltipProps = computed(() =>\n      'boolean' == typeof showSorterTooltip.value ? {} : showSorterTooltip.value,\n    )\n\n    const sorterInfo = computed(() => {\n      const column = props.column\n      const columnKey = column.columnKey\n      const sorterState = tableContext.sorterStates.value.find(({ key }) => key === columnKey)\n      const sorterOrder = sorterState ? sorterState.sortOrder : null\n      const sortDirections = column.sortDirections || ['asc', 'desc']\n      const nextSortOrder = sorterOrder\n        ? sortDirections[sortDirections.indexOf(sorterOrder) + 1]\n        : sortDirections[0]\n\n      const { cancelSort, triggerAsc, triggerDesc } = tableContext.locale.value || {}\n      let tip = cancelSort\n      if (nextSortOrder === DESCEND) {\n        tip = triggerDesc\n      } else if (nextSortOrder === ASCEND) {\n        tip = triggerAsc\n      }\n      return {\n        columnKey,\n        sorterState,\n        sorterOrder,\n        sortDirections,\n        nextSortOrder,\n        tip,\n        showFilter:\n          !!(\n            column.filters ||\n            column.filterDropdown ||\n            (column.slots && column.slots.filterDropdown) ||\n            column.customFilterDropdown\n          ) && false !== column.showFilter,\n        wrapText: props.column.wrapText === undefined ? props.wrapText : props.column.wrapText,\n      }\n    })\n    const hasIcon = computed(() => sorterInfo.value.showFilter || !!tableSlotsContext.menuPopup)\n    const cellBoxClass = computed(() => ({\n      [`${props.prefixCls}-has-icon-column`]: hasIcon.value,\n      [`${props.prefixCls}-cell-box`]: true,\n    }))\n    const titleClass = computed(() => {\n      const { prefixCls } = props\n      return {\n        [`${prefixCls}-column-title`]: true,\n        [`${prefixCls}-cell-box`]: !hasIcon.value,\n      }\n    })\n\n    const widths = computed(() => {\n      const {\n        columnIndex = tableContext.columnKeyIndexMap.value[props.column.columnKey],\n        colSpan = 1,\n      } = props.column\n      return tableContext.getColumnPosition(columnIndex!, colSpan)\n    })\n\n    const customColProps = computed(() =>\n      (props.column.customHeaderCell || tableContext.props.customHeaderCell || (() => ({})))(\n        props.column,\n      ),\n    )\n\n    const colProps = computed(() => {\n      const { columnIndex, colSpan = 1 } = props.column\n      return Object.assign({}, customColProps.value, {\n        colspan: colSpan,\n        colstart: columnIndex,\n        colend: colSpan + columnIndex - 1,\n        ...props.additionalProps,\n      })\n    })\n\n    const cellFixedInfo = computed(() => {\n      if (autoHeight) {\n        return getCellFixedInfo(\n          colProps.value!.colstart,\n          colProps.value!.colend,\n          tableContext.allColumns.value as any,\n          tableContext.stickyOffsets.value,\n          tableContext.props.direction,\n        )\n      }\n      return undefined\n    })\n\n    const cellClass = computed(() => {\n      const { prefixCls, column } = props\n      let cellFixedCls = {}\n      if (cellFixedInfo.value && supportSticky) {\n        const autoCellPrefixCls = `${prefixCls}-cell`,\n          { fixLeft, fixRight, firstFixLeft, lastFixLeft, firstFixRight, lastFixRight } =\n            cellFixedInfo.value\n        cellFixedCls = {\n          [`${autoCellPrefixCls}-fix-left`]: typeof fixLeft === 'number',\n          [`${autoCellPrefixCls}-fix-left-first`]: firstFixLeft,\n          [`${autoCellPrefixCls}-fix-left-last`]: lastFixLeft,\n          [`${autoCellPrefixCls}-fix-right`]: typeof fixRight == 'number',\n          [`${autoCellPrefixCls}-fix-right-first`]: firstFixRight,\n          [`${autoCellPrefixCls}-fix-right-last`]: lastFixRight,\n        }\n      }\n      return Object.assign(\n        {\n          [`${prefixCls}-cell`]: true,\n          [`${prefixCls}-header-cell`]: true,\n          [column.class || '']: true,\n          [column.className || '']: true,\n          [`${prefixCls}-column-sort`]: sorterInfo.value.sorterOrder,\n          [`${prefixCls}-column-has-sorters`]: column.sorter,\n          [`${prefixCls}-drag-column-dragging`]: columnDragging.value,\n        },\n        cellFixedCls,\n      )\n    })\n\n    const componentStyle = computed(() => {\n      const styles: CSSProperties = {}\n      if (cellFixedInfo.value && supportSticky) {\n        const { fixLeft, fixRight } = cellFixedInfo.value\n        if (typeof fixLeft == 'number') {\n          styles.position = 'sticky'\n          styles.left = `${fixLeft}px`\n        }\n        if (typeof fixRight == 'number') {\n          styles.position = 'sticky'\n          styles.right = `${fixRight}px`\n        }\n      }\n      return autoHeight\n        ? styles\n        : { width: `${widths.value.width}px`, height: `${props.column.height}px` }\n    })\n\n    const selectedKeysRef = ref<FilterKey>([])\n    const filterStates = computed(() => tableContext.filterStates.value)\n    const columnKey = computed(() => props.column.columnKey)\n    const filterState = computed(() =>\n      filterStates.value.find(({ key }) => columnKey.value === key),\n    )\n\n    const changeFilter = (keys: FilterKey) => {\n      const filteredKeys = keys?.length ? keys : null\n      if (!(null !== filteredKeys || (filterState.value && filterState.value.filteredKeys)))\n        return null\n      if (\n        isEqual(\n          filteredKeys,\n          null == filterState.value ? undefined : filterState.value.filteredKeys,\n        )\n      )\n        return null\n      const state = { column: props.column, key: columnKey.value, filteredKeys }\n      tableContext?.changeFilter(state)\n    }\n\n    watch(\n      filterState,\n      () => {\n        selectedKeysRef.value = filterState.value?.filteredKeys || []\n      },\n      { immediate: true },\n    )\n\n    const clearFilters = () => {\n      selectedKeysRef.value = []\n      changeFilter([])\n    }\n    const confirm = () => {\n      changeFilter(selectedKeysRef.value)\n    }\n\n    const filtered = eagerComputed(() => {\n      return !!selectedKeysRef.value?.length\n    })\n\n    const menuFilterProps = computed(() => ({\n      prefixCls: props.prefixCls,\n      setSelectedKeys: (keys: FilterKey) => {\n        selectedKeysRef.value = keys || []\n      },\n      selectedKeysRef,\n      confirm,\n      clearFilters,\n      filters: props.column.filters,\n    }))\n\n    return {\n      tableContext,\n      sorterInfo,\n      handleSortClick: (column: FinallyColumnType<any>, nextSortOrder: SortOrder) => {\n        if (!column.sorter) return\n        const sortState = {\n          column,\n          key: column.columnKey,\n          sortOrder: nextSortOrder,\n          multiplePriority: getMultiplePriority(column),\n        }\n        tableContext.changeSorter(sortState)\n      },\n      cellClass,\n      widths,\n      colProps,\n      RenderSlot,\n      titleClass,\n      domRef,\n      autoHeight,\n      componentStyle,\n      headerContext,\n      tableSlotsContext,\n      cellBoxClass,\n      showPopupContent,\n      FilterItems,\n      h,\n\n      hasIcon,\n      menuFilterProps,\n      filtered,\n      tooltipProps,\n      showSorterTooltip,\n    }\n  },\n})\n</script>\n\n<template>\n  <component\n    v-if=\"colProps.colspan\"\n    ref=\"domRef\"\n    :is=\"component\"\n    tabindex=\"-1\"\n    role=\"cell\"\n    :class=\"cellClass\"\n    :style=\"componentStyle\"\n    v-bind=\"colProps\"\n    @click=\"handleSortClick(column, sorterInfo.nextSortOrder!)\"\n  >\n    <component :is=\"hasIcon ? 'div' : RenderSlot\" :class=\"cellBoxClass\">\n      <span :class=\"titleClass\">\n        <Tooltip v-if=\"column.sorter && showSorterTooltip\" v-bind=\"tooltipProps\">\n          <template #title>\n            {{ sorterInfo.tip }}\n          </template>\n          <div :class=\"`${prefixCls}-column-sorters`\" :data-tip=\"sorterInfo.tip\">\n            <Sorter :column=\"column\" v-bind=\"sorterInfo\" />\n          </div>\n        </Tooltip>\n        <Sorter v-else :column=\"column\" v-bind=\"sorterInfo\" />\n      </span>\n      <FilterDropdown\n        v-if=\"sorterInfo.showFilter\"\n        :prefix-cls=\"`${prefixCls}-filter`\"\n        :column=\"column\"\n      />\n      <span\n        v-if=\"column.showMenu && tableSlotsContext.menuPopup\"\n        :class=\"[\n          `${prefixCls}-menu-popup-trigger`,\n          'hover' === column.showMenu && `${prefixCls}-menu-popup-trigger-hover`,\n        ]\"\n        @click.stop=\"\n          showPopupContent(tableSlotsContext.menuPopup, $event, {\n            column: column.originColumn,\n            filter: menuFilterProps,\n          })\n        \"\n      >\n        <RenderVNode\n          v-if=\"tableSlotsContext.menuIcon\"\n          :vnode=\"\n            tableSlotsContext.menuIcon({\n              column: column.originColumn!,\n              filtered: filtered,\n            })\n          \"\n        />\n        <MenuOutlined v-else />\n      </span>\n    </component>\n    <DragHandle\n      v-if=\"column.resizable && !(column.children && column.children.length)\"\n      :prefix-cls=\"prefixCls\"\n      :width=\"widths.width\"\n      :min-width=\"widths.minWidth\"\n      :max-width=\"widths.maxWidth\"\n      :column=\"column\"\n    />\n  </component>\n</template>\n"],"names":["columnKey"],"mappings":"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"}