pro-design-vue 1.1.4 → 1.2.0

package/lib/packages/components/table/src/components/Header/DragHandle.vue.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DragHandle_vue_vue_type_script_lang = require('./DragHandle.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass(`${_ctx.prefixCls}-resize-handle ${_ctx.dragging ? "dragging" : ""}`),
+      onMousedown: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleDown && _ctx.handleDown(...args), ["stop", "prevent"])),
+      "on:touchstartPassive": _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleTouchDown && _ctx.handleTouchDown(...args), ["stop"])),
+      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+      }, ["stop", "prevent"]))
+    },
+    [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-resize-handle-line`)
+          },
+          null,
+          2
+          /* CLASS */
+        )
+      ])
+    ],
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
+}
+var DragHandle = /* @__PURE__ */ _pluginVue_exportHelper.default(DragHandle_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = DragHandle;
+//# sourceMappingURL=DragHandle.vue.js.map

package/lib/packages/components/table/src/components/Header/DragHandle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/DragHandle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 22:37:42\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:01:00\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EventHandler } from '../EventInterface'\nimport type { FinallyColumnType, ResizeActionType } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport { defineComponent, onUnmounted, computed, getCurrentInstance, ref } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { defaultMinWidth } from '../../hooks/useColumns'\nimport raf from '../../utils/raf'\nimport addEventListenerWrap from '../../utils/addEventListener'\n\nconst events = {\n  mouse: {\n    start: 'mousedown',\n    move: 'mousemove',\n    stop: 'mouseup',\n  },\n  touch: {\n    start: 'touchstart',\n    move: 'touchmove',\n    stop: 'touchend',\n  },\n}\ntype HandleEvent = MouseEvent & TouchEvent\n\nexport default defineComponent({\n  name: 'DragHandle',\n  props: {\n    prefixCls: String as PropType<string>,\n    minWidth: { type: Number as PropType<number>, default: defaultMinWidth },\n    maxWidth: { type: Number as PropType<number>, default: Infinity },\n    column: { type: Object as PropType<FinallyColumnType<any>>, default: undefined },\n  },\n  setup(props) {\n    let startX = 0\n    let moveEvent = { remove: () => {} }\n    let stopEvent = { remove: () => {} }\n\n    const tableContext = useInjectTable()\n\n    const removeEvents = () => {\n      moveEvent.remove()\n      stopEvent.remove()\n    }\n    onUnmounted(() => {\n      removeEvents()\n    })\n\n    const minWidth = computed(() =>\n      typeof props.minWidth != 'number' || isNaN(props.minWidth) ? defaultMinWidth : props.minWidth,\n    )\n    const maxWidth = computed(() =>\n      typeof props.maxWidth != 'number' || isNaN(props.maxWidth) ? Infinity : props.maxWidth,\n    )\n\n    let rafFrame: RafFrame\n    let baseWidth = 0\n    const dragging = ref(false)\n\n    const updateWidth = (e: HandleEvent, action: ResizeActionType) => {\n      let pageX = 0\n      if (e.touches) {\n        if (e.touches.length) {\n          // touchmove\n          pageX = e.touches[0]!.pageX\n        } else {\n          // touchend\n          pageX = e.changedTouches[0]!.pageX\n        }\n      } else {\n        pageX = e.pageX\n      }\n      const tmpDeltaX = startX - pageX\n      let w = Math.max(baseWidth - tmpDeltaX, minWidth.value)\n      w = Math.min(w, maxWidth.value)\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        tableContext.onResizeColumn?.(w, props.column!.originColumn!, action)\n      })\n    }\n\n    const handleMove = (e: HandleEvent) => {\n      updateWidth(e, 'move')\n    }\n    const handleStop = (e: HandleEvent) => {\n      dragging.value = false\n      updateWidth(e, 'end')\n      removeEvents()\n    }\n\n    const instance = getCurrentInstance()\n    const handleStart = (e: HandleEvent, eventsFor: any) => {\n      dragging.value = true\n      removeEvents()\n      baseWidth = instance?.vnode.el!.parentNode.offsetWidth\n      if (e instanceof MouseEvent && e.which !== 1) {\n        return\n      }\n      tableContext.onResizeColumn?.(baseWidth, props.column!.originColumn!, 'start')\n      if (e.stopPropagation) e.stopPropagation()\n      startX = e.touches ? e.touches[0]!.pageX : e.pageX\n      moveEvent = addEventListenerWrap(document.documentElement, eventsFor.move, handleMove)\n      stopEvent = addEventListenerWrap(document.documentElement, eventsFor.stop, handleStop)\n    }\n\n    const handleDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.mouse)\n    }\n    const handleTouchDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.touch)\n    }\n\n    return {\n      handleDown,\n      handleTouchDown,\n      dragging,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"`${prefixCls}-resize-handle ${dragging ? 'dragging' : ''}`\"\n    @mousedown.stop.prevent=\"handleDown\"\n    @touchstartPassive.stop=\"handleTouchDown\"\n    @click.stop.prevent\n  >\n    <slot> <div :class=\"`${prefixCls}-resize-handle-line`\"></div> </slot>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;AAkIE,EAAA,OAAAA,eAAA,EAAAC,sBAAA;AAAA,IAOM,KAAA;AAAA,IAAA;AAAA,MANH,KAAA,EAAKC,kBAAA,CAAA,CAAA,EAAK,IAAA,CAAA,SAAS,kBAAkB,IAAA,CAAA,QAAA,GAAQ,UAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MAC7C,WAAA,EAAS,yDAAe,KAAA,UAAA,IAAA,IAAA,CAAA,WAAA,GAAA,IAAA,GAAU,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAAA,MAClC,wBAAiB,MAAA,mDAAO,IAAA,CAAA,eAAA,IAAA,KAAA,eAAA,CAAA,GAAA,IAAA,CAAA,EAAe,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,MACvC,OAAA,EAAK,OAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAAC,kBAAN,MAAA;AAAA,MAAA,CAAA,EAAmB,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA;AAAA;MAEnBC,eAAqE,IAAA,wBAArE,MAAqE;AAAA,QAA9DC,sBAAA;AAAA,UAAsD,KAAA;AAAA,UAAA;AAAA,YAAhD,KAAA,EAAKH,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,mBAAA,CAAA;AAAA,WAAA;AAAA;;;;;;;;;;;;;;"}

package/lib/packages/components/table/src/components/Header/DragHandle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/DragHandle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 22:37:42\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:01:00\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EventHandler } from '../EventInterface'\nimport type { FinallyColumnType, ResizeActionType } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport { defineComponent, onUnmounted, computed, getCurrentInstance, ref } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { defaultMinWidth } from '../../hooks/useColumns'\nimport raf from '../../utils/raf'\nimport addEventListenerWrap from '../../utils/addEventListener'\n\nconst events = {\n  mouse: {\n    start: 'mousedown',\n    move: 'mousemove',\n    stop: 'mouseup',\n  },\n  touch: {\n    start: 'touchstart',\n    move: 'touchmove',\n    stop: 'touchend',\n  },\n}\ntype HandleEvent = MouseEvent & TouchEvent\n\nexport default defineComponent({\n  name: 'DragHandle',\n  props: {\n    prefixCls: String as PropType<string>,\n    minWidth: { type: Number as PropType<number>, default: defaultMinWidth },\n    maxWidth: { type: Number as PropType<number>, default: Infinity },\n    column: { type: Object as PropType<FinallyColumnType<any>>, default: undefined },\n  },\n  setup(props) {\n    let startX = 0\n    let moveEvent = { remove: () => {} }\n    let stopEvent = { remove: () => {} }\n\n    const tableContext = useInjectTable()\n\n    const removeEvents = () => {\n      moveEvent.remove()\n      stopEvent.remove()\n    }\n    onUnmounted(() => {\n      removeEvents()\n    })\n\n    const minWidth = computed(() =>\n      typeof props.minWidth != 'number' || isNaN(props.minWidth) ? defaultMinWidth : props.minWidth,\n    )\n    const maxWidth = computed(() =>\n      typeof props.maxWidth != 'number' || isNaN(props.maxWidth) ? Infinity : props.maxWidth,\n    )\n\n    let rafFrame: RafFrame\n    let baseWidth = 0\n    const dragging = ref(false)\n\n    const updateWidth = (e: HandleEvent, action: ResizeActionType) => {\n      let pageX = 0\n      if (e.touches) {\n        if (e.touches.length) {\n          // touchmove\n          pageX = e.touches[0]!.pageX\n        } else {\n          // touchend\n          pageX = e.changedTouches[0]!.pageX\n        }\n      } else {\n        pageX = e.pageX\n      }\n      const tmpDeltaX = startX - pageX\n      let w = Math.max(baseWidth - tmpDeltaX, minWidth.value)\n      w = Math.min(w, maxWidth.value)\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        tableContext.onResizeColumn?.(w, props.column!.originColumn!, action)\n      })\n    }\n\n    const handleMove = (e: HandleEvent) => {\n      updateWidth(e, 'move')\n    }\n    const handleStop = (e: HandleEvent) => {\n      dragging.value = false\n      updateWidth(e, 'end')\n      removeEvents()\n    }\n\n    const instance = getCurrentInstance()\n    const handleStart = (e: HandleEvent, eventsFor: any) => {\n      dragging.value = true\n      removeEvents()\n      baseWidth = instance?.vnode.el!.parentNode.offsetWidth\n      if (e instanceof MouseEvent && e.which !== 1) {\n        return\n      }\n      tableContext.onResizeColumn?.(baseWidth, props.column!.originColumn!, 'start')\n      if (e.stopPropagation) e.stopPropagation()\n      startX = e.touches ? e.touches[0]!.pageX : e.pageX\n      moveEvent = addEventListenerWrap(document.documentElement, eventsFor.move, handleMove)\n      stopEvent = addEventListenerWrap(document.documentElement, eventsFor.stop, handleStop)\n    }\n\n    const handleDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.mouse)\n    }\n    const handleTouchDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.touch)\n    }\n\n    return {\n      handleDown,\n      handleTouchDown,\n      dragging,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"`${prefixCls}-resize-handle ${dragging ? 'dragging' : ''}`\"\n    @mousedown.stop.prevent=\"handleDown\"\n    @touchstartPassive.stop=\"handleTouchDown\"\n    @click.stop.prevent\n  >\n    <slot> <div :class=\"`${prefixCls}-resize-handle-line`\"></div> </slot>\n  </div>\n</template>\n"],"names":["defineComponent","defaultMinWidth","useInjectTable","onUnmounted","computed","ref","raf","getCurrentInstance","addEventListenerWrap"],"mappings":"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"}

package/lib/packages/components/table/src/components/Header/Header.vue.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Header_vue_vue_type_script_lang = require('./Header.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_HeaderRowsWrap = vue.resolveComponent("HeaderRowsWrap");
+  const _component_XScroll = vue.resolveComponent("XScroll");
+  const _directive_resize = vue.resolveDirective("resize");
+  return vue.openBlock(), vue.createElementBlock(
+    vue.Fragment,
+    null,
+    [
+      vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: "header",
+          role: "presentation",
+          class: vue.normalizeClass(_ctx.headerClass),
+          style: vue.normalizeStyle(_ctx.headerStyle),
+          onResizeheight: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeightResize && _ctx.handleHeightResize(...args))
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              ref: "viewportRef",
+              class: vue.normalizeClass(_ctx.viewportClass),
+              style: vue.normalizeStyle(_ctx.viewportStyle)
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(`${_ctx.prefixCls}-header-container`)
+                },
+                [
+                  vue.createVNode(_component_HeaderRowsWrap, {
+                    key: "left",
+                    "prefix-cls": _ctx.prefixCls,
+                    "wrap-text": _ctx.wrapText,
+                    type: "left"
+                  }, null, 8, ["prefix-cls", "wrap-text"]),
+                  vue.createVNode(_component_HeaderRowsWrap, {
+                    key: "center",
+                    "prefix-cls": _ctx.prefixCls,
+                    "wrap-text": _ctx.wrapText,
+                    type: "center"
+                  }, null, 8, ["prefix-cls", "wrap-text"]),
+                  vue.createVNode(_component_HeaderRowsWrap, {
+                    key: "right",
+                    "prefix-cls": _ctx.prefixCls,
+                    "wrap-text": _ctx.wrapText,
+                    type: "right"
+                  }, null, 8, ["prefix-cls", "wrap-text"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            6
+            /* CLASS, STYLE */
+          ),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(`${_ctx.prefixCls}-header-scrollbar`),
+              style: vue.normalizeStyle(_ctx.scrollbarStyle)
+            },
+            null,
+            6
+            /* CLASS, STYLE */
+          ),
+          _ctx.showHeaderScrollbar ? (vue.openBlock(), vue.createBlock(_component_XScroll, {
+            key: 0,
+            "only-auto-show": ""
+          })) : vue.createCommentVNode("v-if", true)
+        ],
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      )), [
+        [_directive_resize, void 0, "height"]
+      ]),
+      _ctx.showHeaderScrollbar ? (vue.openBlock(), vue.createBlock(_component_XScroll, {
+        key: 0,
+        "not-show-auto": ""
+      })) : vue.createCommentVNode("v-if", true)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+var Header = /* @__PURE__ */ _pluginVue_exportHelper.default(Header_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = Header;
+//# sourceMappingURL=Header.vue.js.map

package/lib/packages/components/table/src/components/Header/Header.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/Header.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:46:08\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, CSSProperties } from 'vue'\nimport type { HeaderSticky } from '../interface'\n\nimport { defineComponent, ref, provide, computed, onMounted, onBeforeUnmount } from 'vue'\nimport { VIEWPORT_REF } from '../../utils/constant'\nimport { useHScrollSyncInject } from '../../hooks/useHScrollSync'\nimport { useInjectTable } from '../context/TableContext'\nimport { resize } from '@pro-design-vue/directives'\nimport XScroll from '../Scrollbar/XScroll'\nimport HeaderRowsWrap from './HeaderRowsWrap.vue'\n\nexport default defineComponent({\n  name: 'TableHeader',\n  components: { XScroll, HeaderRowsWrap },\n  inheritAttrs: false,\n  directives: { resize },\n  props: {\n    prefixCls: String,\n    wrapText: { type: Boolean, default: false },\n    sticky: { type: [Boolean, Object] as PropType<boolean | HeaderSticky>, default: false },\n  },\n  emits: ['scrollLeft', 'resizeheight'],\n  setup(props, { emit }) {\n    const headerRef = ref<HTMLDivElement>()\n    const viewportRef = ref<HTMLDivElement>()\n    const tableContext = useInjectTable()\n\n    provide(VIEWPORT_REF, viewportRef)\n    const maxHeaderHeight = computed(() => tableContext.maxHeaderHeight.value)\n    const { addHScrollDom, removeHScrollDom } = useHScrollSyncInject()\n\n    onMounted(() => {\n      addHScrollDom(viewportRef.value!)\n    })\n    onBeforeUnmount(() => {\n      removeHScrollDom(viewportRef.value!)\n    })\n\n    const showHeaderScrollbar = computed(() => tableContext.props.showHeaderScrollbar)\n    const headerClass = computed(() => ({\n      [`${props.prefixCls}-header`]: true,\n      [`${props.prefixCls}-sticky-header`]: props.sticky,\n      [`${props.prefixCls}-show-header-scrollbar`]: showHeaderScrollbar.value,\n    }))\n    const viewportClass = computed(() => ({ [`${props.prefixCls}-center-viewport`]: true }))\n    const viewportStyle = computed(() => ({\n      height: `calc(100% + ${tableContext.showHorizontalScrollbar.value ? tableContext.scrollBarSize.value || 15 : 0}px)`,\n    }))\n\n    const headerStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = { height: `${maxHeaderHeight.value}px` }\n      if (props.sticky) {\n        style.top = `${(typeof props.sticky == 'object' ? props.sticky.offsetHeader : 0) || 0}px`\n      }\n      return style\n    })\n\n    return {\n      headerClass,\n      viewportClass,\n      viewportStyle,\n      scrollbarStyle: computed<CSSProperties>(() => {\n        const barSize = `${tableContext.showVerticalScrollbar.value ? tableContext.scrollBarSize.value : 0}px`\n        return {\n          display: '0px' === barSize ? 'none' : 'block',\n          width: barSize,\n          minWidth: barSize,\n          maxWidth: barSize,\n          position: 'sticky',\n          right: `-${barSize}`,\n        }\n      }),\n      headerStyle,\n      headerRef,\n      viewportRef,\n      maxHeaderHeight,\n      showHeaderScrollbar,\n      handleHeightResize: (e: CustomEvent) => {\n        emit('resizeheight', e)\n      },\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    v-resize:height\n    key=\"header\"\n    role=\"presentation\"\n    :class=\"headerClass\"\n    :style=\"headerStyle\"\n    @resizeheight=\"handleHeightResize\"\n  >\n    <div ref=\"viewportRef\" :class=\"viewportClass\" :style=\"viewportStyle\">\n      <div :class=\"`${prefixCls}-header-container`\">\n        <HeaderRowsWrap key=\"left\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"left\" />\n        <HeaderRowsWrap key=\"center\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"center\" />\n        <HeaderRowsWrap key=\"right\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"right\" />\n      </div>\n    </div>\n    <div :class=\"`${prefixCls}-header-scrollbar`\" :style=\"scrollbarStyle\"></div>\n    <XScroll v-if=\"showHeaderScrollbar\" only-auto-show />\n  </div>\n  <XScroll v-if=\"showHeaderScrollbar\" not-show-auto />\n</template>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createVNode","_createBlock","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;MA8FEA,kBAAA,EAAAC,eAAA,EAAAC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAfJ,GAAA,EAAI,QAAA;AAAA,UACJ,IAAA,EAAK,cAAA;AAAA,UACJ,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,WAAW,CAAA;AAAA,UAClB,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,WAAW,CAAA;AAAA,UAClB,cAAA,EAAY,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,kBAAA,IAAA,IAAA,CAAA,kBAAA,CAAA,GAAA,IAAA,CAAA;AAAA,SAAA;AAAA;UAEfC,sBAAA;AAAA,YAMM,KAAA;AAAA,YAAA;AAAA,cAND,GAAA,EAAI,aAAA;AAAA,cAAe,KAAA,EAAKF,kBAAA,CAAE,IAAA,CAAA,aAAa,CAAA;AAAA,cAAG,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,aAAa;AAAA,aAAA;AAAA;cACjEC,sBAAA;AAAA,gBAIM,KAAA;AAAA,gBAAA;AAAA,kBAJA,KAAA,EAAKF,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,iBAAA,CAAA;AAAA,iBAAA;AAAA;kBACvBG,gBAAuF,yBAAA,EAAA;AAAA,oBAAvE,GAAA,EAAI,MAAA;AAAA,oBAAQ,cAAY,IAAA,CAAA,SAAA;AAAA,oBAAY,aAAW,IAAA,CAAA,QAAA;AAAA,oBAAU,IAAA,EAAK;AAAA,qBAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAAA,kBAC9EA,gBAA2F,yBAAA,EAAA;AAAA,oBAA3E,GAAA,EAAI,QAAA;AAAA,oBAAU,cAAY,IAAA,CAAA,SAAA;AAAA,oBAAY,aAAW,IAAA,CAAA,QAAA;AAAA,oBAAU,IAAA,EAAK;AAAA,qBAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAAA,kBAChFA,gBAAyF,yBAAA,EAAA;AAAA,oBAAzE,GAAA,EAAI,OAAA;AAAA,oBAAS,cAAY,IAAA,CAAA,SAAA;AAAA,oBAAY,aAAW,IAAA,CAAA,QAAA;AAAA,oBAAU,IAAA,EAAK;AAAA,qBAAA,IAAA,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA;AAAA;;;;;;;;UAGnFD,sBAAA;AAAA,YAA4E,KAAA;AAAA,YAAA;AAAA,cAAtE,KAAA,EAAKF,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,iBAAA,CAAA,CAAA;AAAA,cAAsB,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,cAAc;AAAA,aAAA;AAAA;;;;UACrD,IAAA,CAAA,mBAAA,IAAAH,aAAA,EAAA,EAAfM,gBAAqD,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAAjB,gBAAA,EAAA;AAAA,WAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA;AAAA;;;;oCAf3B,QAAM;AAAA,OAAA,CAAA;AAAA,MAiBF,IAAA,CAAA,mBAAA,IAAAP,aAAA,EAAA,EAAfM,gBAAoD,kBAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;AAAA,QAAhB,eAAA,EAAA;AAAA,OAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA;AAAA;;;;;;;;;"}

package/lib/packages/components/table/src/components/Header/Header.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/Header.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:46:08\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, CSSProperties } from 'vue'\nimport type { HeaderSticky } from '../interface'\n\nimport { defineComponent, ref, provide, computed, onMounted, onBeforeUnmount } from 'vue'\nimport { VIEWPORT_REF } from '../../utils/constant'\nimport { useHScrollSyncInject } from '../../hooks/useHScrollSync'\nimport { useInjectTable } from '../context/TableContext'\nimport { resize } from '@pro-design-vue/directives'\nimport XScroll from '../Scrollbar/XScroll'\nimport HeaderRowsWrap from './HeaderRowsWrap.vue'\n\nexport default defineComponent({\n  name: 'TableHeader',\n  components: { XScroll, HeaderRowsWrap },\n  inheritAttrs: false,\n  directives: { resize },\n  props: {\n    prefixCls: String,\n    wrapText: { type: Boolean, default: false },\n    sticky: { type: [Boolean, Object] as PropType<boolean | HeaderSticky>, default: false },\n  },\n  emits: ['scrollLeft', 'resizeheight'],\n  setup(props, { emit }) {\n    const headerRef = ref<HTMLDivElement>()\n    const viewportRef = ref<HTMLDivElement>()\n    const tableContext = useInjectTable()\n\n    provide(VIEWPORT_REF, viewportRef)\n    const maxHeaderHeight = computed(() => tableContext.maxHeaderHeight.value)\n    const { addHScrollDom, removeHScrollDom } = useHScrollSyncInject()\n\n    onMounted(() => {\n      addHScrollDom(viewportRef.value!)\n    })\n    onBeforeUnmount(() => {\n      removeHScrollDom(viewportRef.value!)\n    })\n\n    const showHeaderScrollbar = computed(() => tableContext.props.showHeaderScrollbar)\n    const headerClass = computed(() => ({\n      [`${props.prefixCls}-header`]: true,\n      [`${props.prefixCls}-sticky-header`]: props.sticky,\n      [`${props.prefixCls}-show-header-scrollbar`]: showHeaderScrollbar.value,\n    }))\n    const viewportClass = computed(() => ({ [`${props.prefixCls}-center-viewport`]: true }))\n    const viewportStyle = computed(() => ({\n      height: `calc(100% + ${tableContext.showHorizontalScrollbar.value ? tableContext.scrollBarSize.value || 15 : 0}px)`,\n    }))\n\n    const headerStyle = computed<CSSProperties>(() => {\n      const style: CSSProperties = { height: `${maxHeaderHeight.value}px` }\n      if (props.sticky) {\n        style.top = `${(typeof props.sticky == 'object' ? props.sticky.offsetHeader : 0) || 0}px`\n      }\n      return style\n    })\n\n    return {\n      headerClass,\n      viewportClass,\n      viewportStyle,\n      scrollbarStyle: computed<CSSProperties>(() => {\n        const barSize = `${tableContext.showVerticalScrollbar.value ? tableContext.scrollBarSize.value : 0}px`\n        return {\n          display: '0px' === barSize ? 'none' : 'block',\n          width: barSize,\n          minWidth: barSize,\n          maxWidth: barSize,\n          position: 'sticky',\n          right: `-${barSize}`,\n        }\n      }),\n      headerStyle,\n      headerRef,\n      viewportRef,\n      maxHeaderHeight,\n      showHeaderScrollbar,\n      handleHeightResize: (e: CustomEvent) => {\n        emit('resizeheight', e)\n      },\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    v-resize:height\n    key=\"header\"\n    role=\"presentation\"\n    :class=\"headerClass\"\n    :style=\"headerStyle\"\n    @resizeheight=\"handleHeightResize\"\n  >\n    <div ref=\"viewportRef\" :class=\"viewportClass\" :style=\"viewportStyle\">\n      <div :class=\"`${prefixCls}-header-container`\">\n        <HeaderRowsWrap key=\"left\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"left\" />\n        <HeaderRowsWrap key=\"center\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"center\" />\n        <HeaderRowsWrap key=\"right\" :prefix-cls=\"prefixCls\" :wrap-text=\"wrapText\" type=\"right\" />\n      </div>\n    </div>\n    <div :class=\"`${prefixCls}-header-scrollbar`\" :style=\"scrollbarStyle\"></div>\n    <XScroll v-if=\"showHeaderScrollbar\" only-auto-show />\n  </div>\n  <XScroll v-if=\"showHeaderScrollbar\" not-show-auto />\n</template>\n"],"names":["defineComponent","XScroll","HeaderRowsWrap","resize","ref","useInjectTable","provide","VIEWPORT_REF","computed","useHScrollSyncInject","onMounted","onBeforeUnmount"],"mappings":"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"}

package/lib/packages/components/table/src/components/Header/HeaderCell.vue.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeaderCell_vue_vue_type_script_lang = require('./HeaderCell.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["data-tip"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Sorter = vue.resolveComponent("Sorter");
+  const _component_Tooltip = vue.resolveComponent("Tooltip");
+  const _component_FilterDropdown = vue.resolveComponent("FilterDropdown");
+  const _component_RenderVNode = vue.resolveComponent("RenderVNode");
+  const _component_MenuOutlined = vue.resolveComponent("MenuOutlined");
+  const _component_DragHandle = vue.resolveComponent("DragHandle");
+  return _ctx.colProps.colspan ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.component), vue.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: vue.withCtx(() => [
+      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.hasIcon ? "div" : _ctx.RenderSlot), {
+        class: vue.normalizeClass(_ctx.cellBoxClass)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "span",
+            {
+              class: vue.normalizeClass(_ctx.titleClass)
+            },
+            [
+              _ctx.column.sorter && _ctx.showSorterTooltip ? (vue.openBlock(), vue.createBlock(
+                _component_Tooltip,
+                vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.tooltipProps)),
+                {
+                  title: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.sorterInfo.tip),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorters`),
+                      "data-tip": _ctx.sorterInfo.tip
+                    }, [
+                      vue.createVNode(_component_Sorter, vue.mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
+                    ], 10, _hoisted_1)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                16
+                /* FULL_PROPS */
+              )) : (vue.openBlock(), vue.createBlock(_component_Sorter, vue.mergeProps({
+                key: 1,
+                column: _ctx.column
+              }, _ctx.sorterInfo), null, 16, ["column"]))
+            ],
+            2
+            /* CLASS */
+          ),
+          _ctx.sorterInfo.showFilter ? (vue.openBlock(), vue.createBlock(_component_FilterDropdown, {
+            key: 0,
+            "prefix-cls": `${_ctx.prefixCls}-filter`,
+            column: _ctx.column
+          }, null, 8, ["prefix-cls", "column"])) : vue.createCommentVNode("v-if", true),
+          _ctx.column.showMenu && _ctx.tableSlotsContext.menuPopup ? (vue.openBlock(), vue.createElementBlock(
+            "span",
+            {
+              key: 1,
+              class: vue.normalizeClass([
+                `${_ctx.prefixCls}-menu-popup-trigger`,
+                "hover" === _ctx.column.showMenu && `${_ctx.prefixCls}-menu-popup-trigger-hover`
+              ]),
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.showPopupContent(_ctx.tableSlotsContext.menuPopup, $event, {
+                column: _ctx.column.originColumn,
+                filter: _ctx.menuFilterProps
+              }), ["stop"]))
+            },
+            [
+              _ctx.tableSlotsContext.menuIcon ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
+                key: 0,
+                vnode: _ctx.tableSlotsContext.menuIcon({
+                  column: _ctx.column.originColumn,
+                  filtered: _ctx.filtered
+                })
+              }, null, 8, ["vnode"])) : (vue.openBlock(), vue.createBlock(_component_MenuOutlined, { key: 1 }))
+            ],
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["class"])),
+      _ctx.column.resizable && !(_ctx.column.children && _ctx.column.children.length) ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["class", "style"])) : vue.createCommentVNode("v-if", true);
+}
+var HeaderCell = /* @__PURE__ */ _pluginVue_exportHelper.default(HeaderCell_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = HeaderCell;
+//# sourceMappingURL=HeaderCell.vue.js.map

package/lib/packages/components/table/src/components/Header/HeaderCell.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.vue.js","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/lib/packages/components/table/src/components/Header/HeaderCell.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.vue2.js","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":["defineComponent","Sorter","Tooltip","DragHandle","FilterDropdown","MenuOutlined","RenderVNode","FilterItems","useInjectTable","useInjectHeader","useInjectSlots","useInjectPopup","computed","inject","AUTO_HEADER_HEIGHT","ref","useColumnDragHandler","columnKey","DESCEND","ASCEND","getCellFixedInfo","supportSticky","isEqual","watch","eagerComputed","getMultiplePriority","RenderSlot","h"],"mappings":"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"}

package/lib/packages/components/table/src/components/Header/HeaderCellTitle.vue.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HeaderCellTitle_vue_vue_type_script_lang = require('./HeaderCellTitle.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_RenderVNode = vue.resolveComponent("RenderVNode");
+  const _component_ExclamationCircleOutlined = vue.resolveComponent("ExclamationCircleOutlined");
+  const _component_Popover = vue.resolveComponent("Popover");
+  const _component_InfoCircleOutlined = vue.resolveComponent("InfoCircleOutlined");
+  const _component_Tooltip = vue.resolveComponent("Tooltip");
+  return vue.openBlock(), vue.createElementBlock("span", {
+    key: String("headerCell" in _ctx.tableSlotsContext),
+    class: vue.normalizeClass({
+      [`${_ctx.prefixCls}-header-cell-title-inner`]: true
+    }),
+    title: _ctx.altTitle,
+    style: vue.normalizeStyle(`justify-content: ${_ctx.column.align}`)
+  }, [
+    vue.createElementVNode(
+      "span",
+      {
+        class: vue.normalizeClass({
+          [`${_ctx.prefixCls}-cell-wrap-text`]: _ctx.wrapText,
+          [`${_ctx.prefixCls}-cell-text-ellipsis`]: _ctx.column.ellipsis !== false && !_ctx.autoHeight
+        })
+      },
+      [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
+      ],
+      2
+      /* CLASS */
+    ),
+    _ctx.showCellPopover ? (vue.openBlock(), vue.createBlock(
+      _component_Popover,
+      vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.popoverProps)),
+      vue.createSlots({
+        content: vue.withCtx(() => [
+          _ctx.tableSlotsContext.headerCellPopover ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
+            key: 0,
+            vnode: _ctx.tableSlotsContext.headerCellPopover({
+              title: _ctx.column.title,
+              column: _ctx.column.originColumn
+            })
+          }, null, 8, ["vnode"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
+          ]),
+          key: "0"
+        } : void 0
+      ]),
+      1040
+      /* FULL_PROPS, DYNAMIC_SLOTS */
+    )) : vue.createCommentVNode("v-if", true),
+    _ctx.column.headerTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, { key: 1 }, {
+      title: vue.withCtx(() => [
+        _ctx.column.headerTooltip === true ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 1 },
+          [
+            vue.createTextVNode(
+              vue.toDisplayString(_ctx.column.headerTooltip),
+              1
+              /* TEXT */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ]),
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_InfoCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
+      ]),
+      _: 1
+      /* STABLE */
+    })) : vue.createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+var HeaderCellTitle = /* @__PURE__ */ _pluginVue_exportHelper.default(HeaderCellTitle_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = HeaderCellTitle;
+//# sourceMappingURL=HeaderCellTitle.vue.js.map

package/lib/packages/components/table/src/components/Header/HeaderCellTitle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCellTitle.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/HeaderCellTitle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-12-17 11:35:56\n * @LastEditors: shen\n * @LastEditTime: 2025-09-29 13:25:11\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { FinallyColumnType } from '../interface'\nimport type { PropType } from 'vue'\n\nimport { defineComponent, computed, h, renderSlot, Fragment, inject } from 'vue'\nimport { Popover, Tooltip } from 'ant-design-vue'\nimport { ExclamationCircleOutlined, InfoCircleOutlined } from '@ant-design/icons-vue'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport { useInjectTable } from '../context/TableContext'\nimport { AUTO_HEADER_HEIGHT } from '../../utils/constant'\nimport { ensureValidVNode } from '../../utils/util'\nimport { RenderVNode } from '@pro-design-vue/utils'\n\nexport default defineComponent({\n  name: 'HeaderCellTitle',\n  components: { ExclamationCircleOutlined, InfoCircleOutlined, Popover, Tooltip, RenderVNode },\n  props: {\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    prefixCls: String as PropType<string>,\n    wrapText: Boolean as PropType<boolean>,\n  },\n  setup(props) {\n    const tableSlotsContext = useInjectSlots()\n    const tableContext = useInjectTable()\n    const autoHeight = inject<boolean>(AUTO_HEADER_HEIGHT, false)\n\n    const sortColumns = computed(() =>\n      tableContext.sorterStates.value.map(({ column, sortOrder }) => ({\n        column,\n        order: sortOrder,\n      })),\n    )\n\n    const title = computed(() =>\n      h(Fragment, [\n        renderSlot(\n          tableSlotsContext,\n          'headerCell',\n          {\n            title: props.column.title,\n            column: props.column.originColumn,\n          },\n          () => {\n            return [\n              typeof props.column.title == 'function'\n                ? props.column.title({\n                    column: props.column.originColumn!,\n                    sortColumns: sortColumns.value,\n                    sortColumn: sortColumns.value[0]?.column,\n                    sortOrder: sortColumns.value[0]?.order,\n                  })\n                : props.column.title,\n            ]\n          },\n        ),\n      ]),\n    )\n\n    const isShowPopover = computed(\n      () =>\n        !!ensureValidVNode(\n          tableSlotsContext.headerCellPopover?.({\n            title: props.column.title,\n            column: props.column.originColumn!,\n          }) ?? [],\n        ),\n    )\n\n    const showCellPopover = computed(() => {\n      return undefined === props.column.showCellPopover\n        ? isShowPopover.value\n        : props.column.showCellPopover\n    })\n\n    const popoverProps = computed(() =>\n      'boolean' == typeof showCellPopover.value ? {} : showCellPopover.value,\n    )\n\n    return {\n      isShowPopover,\n      tableSlotsContext,\n      title,\n      autoHeight,\n      popoverProps,\n      showCellPopover,\n      altTitle: computed(() =>\n        props.column.showTitle && typeof props.column.title == 'string' ? props.column.title : '',\n      ),\n    }\n  },\n})\n</script>\n\n<template>\n  <span\n    :key=\"String('headerCell' in tableSlotsContext)\"\n    :class=\"{\n      [`${prefixCls}-header-cell-title-inner`]: true,\n    }\"\n    :title=\"altTitle\"\n    :style=\"`justify-content: ${column.align}`\"\n  >\n    <span\n      :class=\"{\n        [`${prefixCls}-cell-wrap-text`]: wrapText,\n        [`${prefixCls}-cell-text-ellipsis`]: column.ellipsis !== false && !autoHeight,\n      }\"\n    >\n      <component :is=\"title\"></component>\n    </span>\n    <template v-if=\"showCellPopover\">\n      <Popover v-bind=\"popoverProps\">\n        <template #title v-if=\"!popoverProps?.title\">\n          <component :is=\"title\"></component>\n        </template>\n        <template #content>\n          <RenderVNode\n            v-if=\"tableSlotsContext.headerCellPopover\"\n            :vnode=\"\n              tableSlotsContext.headerCellPopover({\n                title: column.title,\n                column: column.originColumn!,\n              })\n            \"\n          />\n        </template>\n        <ExclamationCircleOutlined style=\"margin-inline-start: 3px; font-size: 12px\" />\n      </Popover>\n    </template>\n    <template v-if=\"column.headerTooltip\">\n      <Tooltip>\n        <InfoCircleOutlined style=\"margin-inline-start: 3px; font-size: 12px\" />\n        <template #title>\n          <component :is=\"title\" v-if=\"column.headerTooltip === true\"></component>\n          <template v-else>{{ column.headerTooltip }}</template>\n        </template>\n      </Tooltip>\n    </template>\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_mergeProps","_createSlots","_withCtx","_createVNode","_Fragment","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/lib/packages/components/table/src/components/Header/HeaderCellTitle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCellTitle.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/Header/HeaderCellTitle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-12-17 11:35:56\n * @LastEditors: shen\n * @LastEditTime: 2025-09-29 13:25:11\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { FinallyColumnType } from '../interface'\nimport type { PropType } from 'vue'\n\nimport { defineComponent, computed, h, renderSlot, Fragment, inject } from 'vue'\nimport { Popover, Tooltip } from 'ant-design-vue'\nimport { ExclamationCircleOutlined, InfoCircleOutlined } from '@ant-design/icons-vue'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport { useInjectTable } from '../context/TableContext'\nimport { AUTO_HEADER_HEIGHT } from '../../utils/constant'\nimport { ensureValidVNode } from '../../utils/util'\nimport { RenderVNode } from '@pro-design-vue/utils'\n\nexport default defineComponent({\n  name: 'HeaderCellTitle',\n  components: { ExclamationCircleOutlined, InfoCircleOutlined, Popover, Tooltip, RenderVNode },\n  props: {\n    column: { type: Object as PropType<FinallyColumnType>, default: () => ({}) },\n    prefixCls: String as PropType<string>,\n    wrapText: Boolean as PropType<boolean>,\n  },\n  setup(props) {\n    const tableSlotsContext = useInjectSlots()\n    const tableContext = useInjectTable()\n    const autoHeight = inject<boolean>(AUTO_HEADER_HEIGHT, false)\n\n    const sortColumns = computed(() =>\n      tableContext.sorterStates.value.map(({ column, sortOrder }) => ({\n        column,\n        order: sortOrder,\n      })),\n    )\n\n    const title = computed(() =>\n      h(Fragment, [\n        renderSlot(\n          tableSlotsContext,\n          'headerCell',\n          {\n            title: props.column.title,\n            column: props.column.originColumn,\n          },\n          () => {\n            return [\n              typeof props.column.title == 'function'\n                ? props.column.title({\n                    column: props.column.originColumn!,\n                    sortColumns: sortColumns.value,\n                    sortColumn: sortColumns.value[0]?.column,\n                    sortOrder: sortColumns.value[0]?.order,\n                  })\n                : props.column.title,\n            ]\n          },\n        ),\n      ]),\n    )\n\n    const isShowPopover = computed(\n      () =>\n        !!ensureValidVNode(\n          tableSlotsContext.headerCellPopover?.({\n            title: props.column.title,\n            column: props.column.originColumn!,\n          }) ?? [],\n        ),\n    )\n\n    const showCellPopover = computed(() => {\n      return undefined === props.column.showCellPopover\n        ? isShowPopover.value\n        : props.column.showCellPopover\n    })\n\n    const popoverProps = computed(() =>\n      'boolean' == typeof showCellPopover.value ? {} : showCellPopover.value,\n    )\n\n    return {\n      isShowPopover,\n      tableSlotsContext,\n      title,\n      autoHeight,\n      popoverProps,\n      showCellPopover,\n      altTitle: computed(() =>\n        props.column.showTitle && typeof props.column.title == 'string' ? props.column.title : '',\n      ),\n    }\n  },\n})\n</script>\n\n<template>\n  <span\n    :key=\"String('headerCell' in tableSlotsContext)\"\n    :class=\"{\n      [`${prefixCls}-header-cell-title-inner`]: true,\n    }\"\n    :title=\"altTitle\"\n    :style=\"`justify-content: ${column.align}`\"\n  >\n    <span\n      :class=\"{\n        [`${prefixCls}-cell-wrap-text`]: wrapText,\n        [`${prefixCls}-cell-text-ellipsis`]: column.ellipsis !== false && !autoHeight,\n      }\"\n    >\n      <component :is=\"title\"></component>\n    </span>\n    <template v-if=\"showCellPopover\">\n      <Popover v-bind=\"popoverProps\">\n        <template #title v-if=\"!popoverProps?.title\">\n          <component :is=\"title\"></component>\n        </template>\n        <template #content>\n          <RenderVNode\n            v-if=\"tableSlotsContext.headerCellPopover\"\n            :vnode=\"\n              tableSlotsContext.headerCellPopover({\n                title: column.title,\n                column: column.originColumn!,\n              })\n            \"\n          />\n        </template>\n        <ExclamationCircleOutlined style=\"margin-inline-start: 3px; font-size: 12px\" />\n      </Popover>\n    </template>\n    <template v-if=\"column.headerTooltip\">\n      <Tooltip>\n        <InfoCircleOutlined style=\"margin-inline-start: 3px; font-size: 12px\" />\n        <template #title>\n          <component :is=\"title\" v-if=\"column.headerTooltip === true\"></component>\n          <template v-else>{{ column.headerTooltip }}</template>\n        </template>\n      </Tooltip>\n    </template>\n  </span>\n</template>\n"],"names":["defineComponent","ExclamationCircleOutlined","InfoCircleOutlined","Popover","Tooltip","RenderVNode","useInjectSlots","useInjectTable","inject","AUTO_HEADER_HEIGHT","computed","h","Fragment","renderSlot","ensureValidVNode"],"mappings":"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"}