@aifuxi/semi-ui-vue 2.0.0 → 2.0.2

package/dist/_shared/c8b9c7f045a4.js

@@ -1,800 +0,0 @@
-import { __webpack_require__ } from "../rslib-runtime.js";
-import "../_runtime/25ec6438a029.js";
-import { createCommentVNode, toDisplayString, Fragment, onBeforeUnmount, unref, shallowRef, renderList, mergeProps, withModifiers, h, createElementBlock, createBlock, createVNode, createElementVNode, resolveDynamicComponent, openBlock, normalizeClass, createTextVNode, withCtx, computed, defineComponent } from "./58c14b56ac16.js";
-import { IconCaretdown, IconCaretup, IconFilter } from "./01e2049d35d8.js";
-import { Checkbox } from "./144ba8e0db0b.js";
-import { Tooltip } from "./2e8179a1a44a.js";
-import { TableNodeRenderer } from "./1164f15b5479.js";
-import { Space } from "./0310fd090818.js";
-import { Button } from "./2685e49b8e1b.js";
-import { TableFilterMenu } from "./10d50be2c796.js";
-import { Dropdown } from "./320344a7a5be.js";
-const isEqual = __webpack_require__("98918");
-var isEqual_default = /*#__PURE__*/ __webpack_require__.n(isEqual);
-const _hoisted_1 = [
-    "title"
-];
-const _hoisted_2 = [
-    "title"
-];
-const _hoisted_3 = [
-    "onPointerdown"
-];
-const TableHeadervue_type_script_setup_true_lang_ts = /*@__PURE__*/ defineComponent({
-    __name: 'TableHeader',
-    props: {
-        componentCell: {
-            default: 'th'
-        },
-        componentRow: {
-            default: 'tr'
-        },
-        componentWrapper: {
-            default: 'thead'
-        },
-        dataCount: {},
-        direction: {},
-        filterValues: {},
-        headerWidths: {},
-        headerStyle: {
-            type: [
-                Boolean,
-                null,
-                String,
-                Object,
-                Array
-            ]
-        },
-        headerRows: {},
-        locale: {},
-        onHeaderRow: {},
-        prefixCls: {},
-        resizable: {
-            type: [
-                Boolean,
-                Object
-            ]
-        },
-        rowSelection: {
-            type: [
-                Boolean,
-                Object
-            ]
-        },
-        selectedCount: {},
-        sortOrders: {},
-        sticky: {
-            type: [
-                Boolean,
-                Object
-            ]
-        },
-        renderHeaderCell: {}
-    },
-    emits: [
-        "filter",
-        "resize",
-        "selectAll",
-        "sort"
-    ],
-    setup (__props, { emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const resizeColumn = shallowRef(null);
-        const resizeHandle = shallowRef(null);
-        let resizeLastX = 0;
-        let resizeWidth = 0;
-        let resizeSlack = 0;
-        const initialFilterValues = shallowRef(new Map());
-        const tempFilterValues = shallowRef(new Map());
-        const filterVisibility = shallowRef(new Map());
-        function selectedFilters(column) {
-            return props.filterValues.get(column.key) ?? [];
-        }
-        function displayFilters(column) {
-            return 'confirm' === column.filterConfirmMode || column.renderFilterDropdown ? tempFilterValues.value.get(column.key) ?? selectedFilters(column) : selectedFilters(column);
-        }
-        function setTempFilters(column, values) {
-            const next = new Map(tempFilterValues.value);
-            next.set(column.key, values);
-            tempFilterValues.value = next;
-        }
-        function filterVisible(column) {
-            if (Object.prototype.hasOwnProperty.call(column, 'filterDropdownVisible')) return column.filterDropdownVisible;
-            if ('confirm' === column.filterConfirmMode || column.renderFilterDropdown) return filterVisibility.value.get(column.key) ?? false;
-        }
-        function filterDropdownBindings(column) {
-            const visible = filterVisible(column);
-            return {
-                ...column.filterDropdownProps,
-                ...void 0 === visible ? {} : {
-                    visible
-                }
-            };
-        }
-        function setFilterVisible(column, visible) {
-            if (!Object.prototype.hasOwnProperty.call(column, 'filterDropdownVisible')) {
-                const next = new Map(filterVisibility.value);
-                next.set(column.key, visible);
-                filterVisibility.value = next;
-            }
-        }
-        function handleFilterVisibleChange(column, visible) {
-            setFilterVisible(column, visible);
-            if (visible && 'confirm' === column.filterConfirmMode) {
-                const snapshots = new Map(initialFilterValues.value);
-                snapshots.set(column.key, [
-                    ...selectedFilters(column)
-                ]);
-                initialFilterValues.value = snapshots;
-                setTempFilters(column, [
-                    ...selectedFilters(column)
-                ]);
-            }
-            column.onFilterDropdownVisibleChange?.(visible);
-        }
-        function toggleFilter(column, filter, event) {
-            event.stopPropagation();
-            const current = displayFilters(column);
-            const exists = current.includes(filter.value);
-            const next = exists ? current.filter((value)=>value !== filter.value) : false === column.filterMultiple ? [
-                filter.value
-            ] : [
-                ...current,
-                filter.value
-            ];
-            if ('confirm' === column.filterConfirmMode) setTempFilters(column, next);
-            else emit('filter', column, next);
-        }
-        function confirmFilter(column) {
-            const values = displayFilters(column);
-            if (!isEqual_default()(values, selectedFilters(column))) emit('filter', column, values);
-            setFilterVisible(column, false);
-        }
-        function resetFilter(column) {
-            setTempFilters(column, [
-                ...initialFilterValues.value.get(column.key) ?? selectedFilters(column)
-            ]);
-        }
-        function clearFilter(column) {
-            setTempFilters(column, []);
-            emit('filter', column, []);
-        }
-        function renderFilterDropdownProps(column) {
-            return {
-                clear: (options = {})=>{
-                    clearFilter(column);
-                    if (options.closeDropdown) setFilterVisible(column, false);
-                },
-                close: ()=>setFilterVisible(column, false),
-                confirm: (options = {})=>{
-                    if (options.filteredValue) setTempFilters(column, options.filteredValue);
-                    const values = options.filteredValue ?? displayFilters(column);
-                    if (!isEqual_default()(values, selectedFilters(column))) emit('filter', column, values);
-                    if (options.closeDropdown) setFilterVisible(column, false);
-                },
-                filters: column.filters,
-                reset: ()=>resetFilter(column),
-                setTempFilteredValue: (values)=>setTempFilters(column, values),
-                tempFilteredValue: displayFilters(column)
-            };
-        }
-        function fullSelectionNode() {
-            if (!props.rowSelection) return;
-            return h('span', {
-                class: `${props.prefixCls}-selection-wrap`
-            }, h(Checkbox, {
-                checked: props.dataCount > 0 && props.selectedCount === props.dataCount,
-                disabled: Boolean(props.rowSelection.disabled),
-                indeterminate: props.selectedCount > 0 && props.selectedCount < props.dataCount,
-                style: {
-                    width: '16px'
-                },
-                ariaLabel: `${props.dataCount > 0 && props.selectedCount === props.dataCount ? 'Deselect' : 'Select'} all rows`,
-                onChange: selectAll
-            }));
-        }
-        function hasColumnFilter(column) {
-            return Boolean(column.filters?.length || column.renderFilterDropdown || column.filterDropdown);
-        }
-        function clickColumnToSort(column) {
-            return Boolean(column.sorter && !hasColumnFilter(column) && !column.useFullRender);
-        }
-        function sortAria(column) {
-            const order = props.sortOrders.get(column.key);
-            return {
-                'aria-label': `Current sort order is ${order ? `${order}ing` : 'none'}`,
-                "aria-roledescription": 'Sort data with this column'
-            };
-        }
-        function fullSorterNode(column) {
-            if (!column.sorter) return;
-            const order = props.sortOrders.get(column.key) || false;
-            const icon = sorterIconNode(column, order);
-            return h('div', {
-                class: `${props.prefixCls}-column-sorter-wrapper`,
-                role: 'button',
-                tabindex: -1,
-                ...sortAria(column),
-                onClick: (event)=>emit('sort', column, event)
-            }, [
-                shouldShowSortTip(column) ? h(Tooltip, {
-                    content: nextSortTip(column)
-                }, {
-                    default: ()=>icon
-                }) : icon
-            ]);
-        }
-        function sorterIconNode(column, order) {
-            if (column.sortIcon) return column.sortIcon({
-                sortOrder: order
-            });
-            return h('div', {
-                class: `${props.prefixCls}-column-sorter`
-            }, [
-                h('span', {
-                    class: [
-                        `${props.prefixCls}-column-sorter-up`,
-                        'ascend' === order && 'on'
-                    ]
-                }, h(IconCaretup)),
-                h('span', {
-                    class: [
-                        `${props.prefixCls}-column-sorter-down`,
-                        'descend' === order && 'on'
-                    ]
-                }, h(IconCaretdown))
-            ]);
-        }
-        function shouldShowSortTip(column) {
-            return true === column.showSortTip && !Object.prototype.hasOwnProperty.call(column, 'sortOrder') && !column.sortIcon;
-        }
-        function nextSortTip(column) {
-            const order = props.sortOrders.get(column.key) || false;
-            if ('ascend' === order) return props.locale.descend || 'Click to descend';
-            if ('descend' === order) return props.locale.cancelSort || 'Cancel sorting';
-            return props.locale.ascend || 'Click to ascend';
-        }
-        function sorterNode(column) {
-            const order = props.sortOrders.get(column.key) || false;
-            const hasFilter = hasColumnFilter(column);
-            const icon = sorterIconNode(column, order);
-            const iconNode = shouldShowSortTip(column) && hasFilter ? h(Tooltip, {
-                content: nextSortTip(column)
-            }, {
-                default: ()=>icon
-            }) : icon;
-            const node = h('div', {
-                class: `${props.prefixCls}-column-sorter-wrapper`,
-                role: 'button',
-                tabindex: -1,
-                ...sortAria(column),
-                onClick: clickColumnToSort(column) ? void 0 : (event)=>{
-                    event.stopPropagation();
-                    emit('sort', column, event);
-                },
-                onKeypress: (event)=>{
-                    if ('Enter' !== event.key) return;
-                    event.stopPropagation();
-                    emit('sort', column, event);
-                }
-            }, [
-                h('span', {
-                    class: `${props.prefixCls}-row-head-title`,
-                    title: ellipsisTitle(column, column.title)
-                }, h(TableNodeRenderer, {
-                    content: columnTitle(column)
-                })),
-                iconNode
-            ]);
-            return node;
-        }
-        const HeaderCellWrapper = defineComponent({
-            inheritAttrs: false,
-            props: {
-                tooltip: Boolean,
-                content: String
-            },
-            setup (wrapperProps, { slots }) {
-                return ()=>wrapperProps.tooltip ? h(Tooltip, {
-                        content: wrapperProps.content
-                    }, slots) : slots.default?.();
-            }
-        });
-        function filterFooter(column) {
-            if ('confirm' !== column.filterConfirmMode) return;
-            return h('div', {
-                style: {
-                    padding: '8px 12px',
-                    borderTop: '1px solid var(--semi-color-border)',
-                    display: 'flex',
-                    justifyContent: 'flex-end'
-                }
-            }, h(Space, null, ()=>[
-                    h(Button, {
-                        size: 'small',
-                        onClick: ()=>resetFilter(column)
-                    }, ()=>String(props.locale.resetFilter || 'Reset')),
-                    h(Button, {
-                        size: 'small',
-                        theme: 'solid',
-                        onClick: ()=>confirmFilter(column)
-                    }, ()=>String(props.locale.confirmFilter || 'OK'))
-                ]));
-        }
-        function fullFilterNode(column) {
-            if (!hasColumnFilter(column)) return;
-            const content = ()=>{
-                if (column.filterDropdown) return column.filterDropdown;
-                if (column.renderFilterDropdown) return column.renderFilterDropdown(renderFilterDropdownProps(column));
-                return h(TableFilterMenu, {
-                    filters: column.filters ?? [],
-                    multiple: false !== column.filterMultiple,
-                    renderItem: column.renderFilterDropdownItem,
-                    selected: displayFilters(column),
-                    onToggle: (filter, event)=>toggleFilter(column, filter, event)
-                }, {
-                    footer: ()=>filterFooter(column)
-                });
-            };
-            return h(Dropdown, {
-                ...filterDropdownBindings(column),
-                class: `${props.prefixCls}-column-filter-dropdown`,
-                position: 'bottom',
-                trigger: 'click',
-                'onUpdate:visible': (visible)=>setFilterVisible(column, visible),
-                onVisibleChange: (visible)=>handleFilterVisibleChange(column, visible)
-            }, {
-                content,
-                default: ()=>h('div', {
-                        class: [
-                            `${props.prefixCls}-column-filter`,
-                            selectedFilters(column).length ? 'on' : void 0
-                        ]
-                    }, [
-                        '\u200b',
-                        'function' == typeof column.filterIcon ? column.filterIcon(selectedFilters(column).length > 0) : column.filterIcon && true !== column.filterIcon ? column.filterIcon : h(IconFilter, {
-                            'aria-haspopup': 'listbox',
-                            'aria-label': 'Filter data with this column',
-                            role: 'button',
-                            tabindex: -1
-                        })
-                    ])
-            });
-        }
-        const resolvedColumnTitles = computed(()=>{
-            const titles = new Map();
-            for (const row of props.headerRows)for (const { column } of row){
-                const content = 'function' == typeof column.title ? column.title({
-                    filter: fullFilterNode(column),
-                    selection: fullSelectionNode(),
-                    sorter: fullSorterNode(column)
-                }) : props.renderHeaderCell?.({
-                    column
-                }) ?? column.title;
-                titles.set(column, content);
-            }
-            return titles;
-        });
-        function columnTitle(column) {
-            return resolvedColumnTitles.value.get(column);
-        }
-        function ellipsisTitle(column, content) {
-            if ('object' == typeof column.ellipsis && false === column.ellipsis.showTitle) return;
-            return 'string' == typeof content ? content : void 0;
-        }
-        function nativeTitle(column) {
-            if ('function' != typeof column.title && (column.sorter || column.filters || column.onFilter || column.useFullRender)) return;
-            return ellipsisTitle(column, columnTitle(column));
-        }
-        function cellCustom(cell, columnIndex, rowIndex) {
-            return cell.column.onHeaderCell?.(cell.column, columnIndex, rowIndex) ?? {};
-        }
-        function physicalAlign(column) {
-            return 'rtl' === props.direction && 'center' !== column.align ? 'left' === column.align ? 'right' : 'right' === column.align ? 'left' : void 0 : column.align;
-        }
-        const headerFixedOffsets = computed(()=>{
-            let columns = props.headerRows[0]?.map((cell)=>cell.column) ?? [];
-            return props.headerRows.map((_row, rowIndex)=>{
-                if (rowIndex > 0) columns = columns.flatMap((column)=>column.children?.length ? column.children : [
-                        column
-                    ]);
-                const widths = columns.map((column)=>'number' == typeof column.__width ? column.__width : 'number' == typeof column.width ? column.width : props.headerWidths.get(column.key) ?? 0);
-                const lastLeft = columns.filter((column)=>true === column.fixed || 'left' === column.fixed).at(-1)?.key;
-                const firstRight = columns.find((column)=>'right' === column.fixed)?.key;
-                const total = widths.reduce((sum, width)=>sum + width, 0);
-                let before = 0;
-                const offsets = new Map();
-                columns.forEach((column, index)=>{
-                    const width = widths[index];
-                    if (true === column.fixed || 'left' === column.fixed) offsets.set(column.key, {
-                        side: 'left',
-                        value: before,
-                        edge: column.key === lastLeft
-                    });
-                    else if ('right' === column.fixed) offsets.set(column.key, {
-                        side: 'right',
-                        value: total - before - width,
-                        edge: column.key === firstRight
-                    });
-                    before += width;
-                });
-                return offsets;
-            });
-        });
-        function cellHidden(cell, columnIndex, rowIndex) {
-            const { rowSpan, colSpan } = {
-                ...cell,
-                ...cellCustom(cell, columnIndex, rowIndex)
-            };
-            return 0 === rowSpan || 0 === colSpan;
-        }
-        function cellStyle(cell, columnIndex, rowIndex) {
-            const custom = cellCustom(cell, columnIndex, rowIndex);
-            const fixed = headerFixedOffsets.value[rowIndex]?.get(cell.column.key);
-            const property = 'rtl' === props.direction ? fixed?.side === 'left' ? 'right' : 'left' : fixed?.side;
-            return [
-                props.headerStyle,
-                custom.style,
-                {
-                    ...fixed ? {
-                        position: 'sticky',
-                        [property ?? 'left']: `${fixed.value}px`
-                    } : {},
-                    ...cell.column.align ? {
-                        textAlign: physicalAlign(cell.column)
-                    } : {}
-                }
-            ];
-        }
-        function cellClass(cell, columnIndex, rowIndex) {
-            const fixed = headerFixedOffsets.value[rowIndex]?.get(cell.column.key);
-            const custom = cellCustom(cell, columnIndex, rowIndex);
-            const side = 'rtl' === props.direction ? fixed?.side === 'left' ? 'right' : fixed?.side === 'right' ? 'left' : void 0 : fixed?.side;
-            return [
-                `${props.prefixCls}-row-head`,
-                cell.column.className,
-                physicalAlign(cell.column) ? `${props.prefixCls}-align-${physicalAlign(cell.column)}` : void 0,
-                custom.class,
-                custom.className,
-                cell.column.ellipsis ? `${props.prefixCls}-row-head-ellipsis` : void 0,
-                clickColumnToSort(cell.column) ? `${props.prefixCls}-row-head-clickSort` : void 0,
-                fixed ? `${props.prefixCls}-cell-fixed-${side}` : void 0,
-                fixed?.edge && 'left' === side ? `${props.prefixCls}-cell-fixed-left-last` : void 0,
-                fixed?.edge && 'right' === side ? `${props.prefixCls}-cell-fixed-right-first` : void 0,
-                'selection' === cell.column.__kind ? `${props.prefixCls}-column-selection` : void 0
-            ];
-        }
-        function nativeCellAttrs(cell, columnIndex, rowIndex) {
-            const custom = cellCustom(cell, columnIndex, rowIndex);
-            return Object.fromEntries(Object.entries(custom).filter(([key])=>![
-                    'class',
-                    'className',
-                    'style',
-                    'onClick'
-                ].includes(key)));
-        }
-        function headerRowAttrs(rowIndex) {
-            const custom = props.onHeaderRow?.((props.headerRows[rowIndex] ?? []).map((cell)=>cell.column), rowIndex) ?? {};
-            return Object.fromEntries(Object.entries(custom).filter(([key])=>![
-                    'class',
-                    'className',
-                    'style'
-                ].includes(key)));
-        }
-        function headerRowClass(rowIndex) {
-            const custom = props.onHeaderRow?.((props.headerRows[rowIndex] ?? []).map((cell)=>cell.column), rowIndex) ?? {};
-            return [
-                `${props.prefixCls}-row`,
-                custom.class,
-                custom.className
-            ];
-        }
-        function headerRowStyle(rowIndex) {
-            return props.onHeaderRow?.((props.headerRows[rowIndex] ?? []).map((cell)=>cell.column), rowIndex)?.style;
-        }
-        let headerMouseDownTarget;
-        function rememberHeaderMouseDown(event) {
-            const target = event.target;
-            headerMouseDownTarget = {
-                ...target?.tagName ? {
-                    tagName: target.tagName
-                } : {},
-                ...'string' == typeof target?.className ? {
-                    className: target.className
-                } : {}
-            };
-        }
-        function handleHeaderClick(cell, columnIndex, rowIndex, event) {
-            const custom = cellCustom(cell, columnIndex, rowIndex);
-            custom.onClick?.(event);
-            if (clickColumnToSort(cell.column)) {
-                if (headerMouseDownTarget?.tagName === 'SPAN' && headerMouseDownTarget.className?.includes('react-resizable-handle')) return;
-                headerMouseDownTarget = void 0;
-                emit('sort', cell.column, event);
-            }
-        }
-        function canResize(column) {
-            return Boolean(props.resizable) && 'number' == typeof column.width && false !== column.resize;
-        }
-        function startResize(column, event) {
-            if (0 !== event.button || !canResize(column)) return;
-            event.stopPropagation();
-            window.getSelection()?.removeAllRanges();
-            rememberHeaderMouseDown(event);
-            resizeColumn.value = column;
-            resizeHandle.value = event.currentTarget;
-            resizeLastX = resizeLocalX(event);
-            resizeSlack = 0;
-            resizeWidth = 'number' == typeof column.__width ? column.__width : 'number' == typeof column.width ? column.width : event.currentTarget.parentElement?.getBoundingClientRect().width ?? 0;
-            emit('resize', column, resizeWidth, 'start');
-            window.addEventListener('pointermove', moveResize);
-            window.addEventListener('pointerup', stopResize, {
-                once: true
-            });
-        }
-        function resizeLocalX(event) {
-            const node = resizeHandle.value;
-            if (!node) return event.clientX;
-            const parent = node.offsetParent ?? node.ownerDocument.body;
-            const left = parent === node.ownerDocument.body ? 0 : parent.getBoundingClientRect().left;
-            return event.clientX + parent.scrollLeft - left;
-        }
-        function moveResize(event) {
-            if (!resizeColumn.value) return;
-            const x = resizeLocalX(event);
-            const delta = x - resizeLastX;
-            resizeLastX = x;
-            const currentColumn = props.headerRows.flat().find((cell)=>cell.column.key === resizeColumn.value?.key)?.column;
-            const currentWidth = currentColumn?.__width ?? currentColumn?.width;
-            const previousWidth = 'number' == typeof currentWidth ? currentWidth : resizeWidth;
-            const proposedWidth = previousWidth + delta;
-            resizeWidth = Math.max(20, proposedWidth + resizeSlack);
-            resizeSlack += proposedWidth - resizeWidth;
-            if (resizeWidth !== previousWidth) emit('resize', resizeColumn.value, resizeWidth, 'move');
-        }
-        function stopResize() {
-            if (resizeColumn.value) emit('resize', resizeColumn.value, resizeWidth, 'stop');
-            resizeColumn.value = null;
-            resizeHandle.value = null;
-            window.removeEventListener('pointermove', moveResize);
-        }
-        onBeforeUnmount(()=>{
-            resizeHandle.value = null;
-            if ("u" > typeof window) {
-                window.removeEventListener('pointermove', moveResize);
-                window.removeEventListener('pointerup', stopResize);
-            }
-        });
-        const stickyStyle = computed(()=>({
-                top: props.sticky && 'object' == typeof props.sticky ? `${props.sticky.top ?? 0}px` : void 0
-            }));
-        function selectAll(event) {
-            emit('selectAll', event.target.checked, event);
-        }
-        return (_ctx, _cache)=>(openBlock(), createBlock(resolveDynamicComponent(props.componentWrapper), {
-                class: normalizeClass(`${props.prefixCls}-thead`)
-            }, {
-                default: withCtx(()=>[
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.headerRows, (row, rowIndex)=>(openBlock(), createBlock(resolveDynamicComponent(props.componentRow), mergeProps({
-                                key: rowIndex,
-                                class: headerRowClass(rowIndex),
-                                style: headerRowStyle(rowIndex),
-                                "aria-rowindex": rowIndex + 1,
-                                role: "row"
-                            }, {
-                                ref_for: true
-                            }, headerRowAttrs(rowIndex)), {
-                                default: withCtx(()=>[
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, columnIndex)=>(openBlock(), createElementBlock(Fragment, {
-                                                key: `${rowIndex}-${columnIndex}`
-                                            }, [
-                                                cellHidden(cell, columnIndex, rowIndex) ? createCommentVNode("", true) : (openBlock(), createBlock(unref(HeaderCellWrapper), {
-                                                    key: 0,
-                                                    tooltip: clickColumnToSort(cell.column) && shouldShowSortTip(cell.column),
-                                                    content: nextSortTip(cell.column)
-                                                }, {
-                                                    default: withCtx(()=>[
-                                                            (openBlock(), createBlock(resolveDynamicComponent(props.componentCell), mergeProps({
-                                                                class: [
-                                                                    cellClass(cell, columnIndex, rowIndex),
-                                                                    canResize(cell.column) && 'react-resizable'
-                                                                ],
-                                                                style: [
-                                                                    cellStyle(cell, columnIndex, rowIndex),
-                                                                    stickyStyle.value
-                                                                ],
-                                                                colspan: cell.colSpan,
-                                                                rowspan: cell.rowSpan,
-                                                                "aria-colindex": columnIndex + 1,
-                                                                title: nativeTitle(cell.column),
-                                                                role: "columnheader"
-                                                            }, {
-                                                                ref_for: true
-                                                            }, nativeCellAttrs(cell, columnIndex, rowIndex), {
-                                                                onMousedown: rememberHeaderMouseDown,
-                                                                onClick: ($event)=>handleHeaderClick(cell, columnIndex, rowIndex, $event)
-                                                            }), {
-                                                                default: withCtx(()=>[
-                                                                        'selection' === cell.column.__kind ? (openBlock(), createElementBlock("span", {
-                                                                            key: 0,
-                                                                            class: normalizeClass(`${props.prefixCls}-selection-wrap`)
-                                                                        }, [
-                                                                            createVNode(unref(Checkbox), {
-                                                                                checked: props.dataCount > 0 && props.selectedCount === props.dataCount,
-                                                                                indeterminate: props.selectedCount > 0 && props.selectedCount < props.dataCount,
-                                                                                disabled: Boolean(props.rowSelection && props.rowSelection.disabled),
-                                                                                style: {
-                                                                                    width: '16px'
-                                                                                },
-                                                                                "aria-label": `${props.dataCount > 0 && props.selectedCount === props.dataCount ? 'Deselect' : 'Select'} all rows`,
-                                                                                onChange: selectAll
-                                                                            }, null, 8, [
-                                                                                "checked",
-                                                                                "indeterminate",
-                                                                                "disabled",
-                                                                                "aria-label"
-                                                                            ])
-                                                                        ], 2)) : 'function' == typeof cell.column.title ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                            key: 1,
-                                                                            content: columnTitle(cell.column)
-                                                                        }, null, 8, [
-                                                                            "content"
-                                                                        ])) : cell.column.sorter || hasColumnFilter(cell.column) ? (openBlock(), createElementBlock("div", {
-                                                                            key: 2,
-                                                                            class: normalizeClass(`${props.prefixCls}-operate-wrapper`)
-                                                                        }, [
-                                                                            cell.column.sorter ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                                key: 0,
-                                                                                content: sorterNode(cell.column)
-                                                                            }, null, 8, [
-                                                                                "content"
-                                                                            ])) : (openBlock(), createElementBlock("span", {
-                                                                                key: 1,
-                                                                                class: normalizeClass(`${props.prefixCls}-row-head-title`),
-                                                                                title: ellipsisTitle(cell.column, cell.column.title)
-                                                                            }, [
-                                                                                createVNode(unref(TableNodeRenderer), {
-                                                                                    content: columnTitle(cell.column)
-                                                                                }, null, 8, [
-                                                                                    "content"
-                                                                                ])
-                                                                            ], 10, _hoisted_1)),
-                                                                            hasColumnFilter(cell.column) ? (openBlock(), createBlock(unref(Dropdown), mergeProps({
-                                                                                key: 2,
-                                                                                trigger: "click",
-                                                                                position: "bottom",
-                                                                                class: `${props.prefixCls}-column-filter-dropdown`
-                                                                            }, {
-                                                                                ref_for: true
-                                                                            }, filterDropdownBindings(cell.column), {
-                                                                                "onUpdate:visible": ($event)=>setFilterVisible(cell.column, $event),
-                                                                                onVisibleChange: ($event)=>handleFilterVisibleChange(cell.column, $event)
-                                                                            }), {
-                                                                                content: withCtx(()=>[
-                                                                                        cell.column.filterDropdown ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                                            key: 0,
-                                                                                            content: cell.column.filterDropdown
-                                                                                        }, null, 8, [
-                                                                                            "content"
-                                                                                        ])) : cell.column.renderFilterDropdown ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                                            key: 1,
-                                                                                            content: cell.column.renderFilterDropdown({
-                                                                                                ...renderFilterDropdownProps(cell.column)
-                                                                                            })
-                                                                                        }, null, 8, [
-                                                                                            "content"
-                                                                                        ])) : (openBlock(), createBlock(TableFilterMenu, {
-                                                                                            key: 2,
-                                                                                            filters: cell.column.filters || [],
-                                                                                            multiple: false !== cell.column.filterMultiple,
-                                                                                            "render-item": cell.column.renderFilterDropdownItem,
-                                                                                            selected: displayFilters(cell.column),
-                                                                                            onToggle: (filter, event)=>toggleFilter(cell.column, filter, event)
-                                                                                        }, {
-                                                                                            footer: withCtx(()=>[
-                                                                                                    createVNode(unref(TableNodeRenderer), {
-                                                                                                        content: filterFooter(cell.column)
-                                                                                                    }, null, 8, [
-                                                                                                        "content"
-                                                                                                    ])
-                                                                                                ]),
-                                                                                            _: 2
-                                                                                        }, 1032, [
-                                                                                            "filters",
-                                                                                            "multiple",
-                                                                                            "render-item",
-                                                                                            "selected",
-                                                                                            "onToggle"
-                                                                                        ]))
-                                                                                    ]),
-                                                                                default: withCtx(()=>[
-                                                                                        createElementVNode("div", {
-                                                                                            class: normalizeClass([
-                                                                                                `${props.prefixCls}-column-filter`,
-                                                                                                selectedFilters(cell.column).length ? 'on' : void 0
-                                                                                            ])
-                                                                                        }, [
-                                                                                            _cache[1] || (_cache[1] = createTextVNode(toDisplayString('\u200b') + " ", -1)),
-                                                                                            'function' == typeof cell.column.filterIcon ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                                                key: 0,
-                                                                                                content: cell.column.filterIcon(selectedFilters(cell.column).length > 0)
-                                                                                            }, null, 8, [
-                                                                                                "content"
-                                                                                            ])) : cell.column.filterIcon && true !== cell.column.filterIcon ? (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                                                key: 1,
-                                                                                                content: cell.column.filterIcon
-                                                                                            }, null, 8, [
-                                                                                                "content"
-                                                                                            ])) : (openBlock(), createBlock(unref(IconFilter), {
-                                                                                                key: 2,
-                                                                                                role: "button",
-                                                                                                "aria-label": "Filter data with this column",
-                                                                                                "aria-haspopup": "listbox",
-                                                                                                tabindex: "-1"
-                                                                                            }))
-                                                                                        ], 2)
-                                                                                    ]),
-                                                                                _: 2
-                                                                            }, 1040, [
-                                                                                "class",
-                                                                                "onUpdate:visible",
-                                                                                "onVisibleChange"
-                                                                            ])) : createCommentVNode("", true)
-                                                                        ], 2)) : cell.column.onFilter || cell.column.filters || cell.column.useFullRender ? (openBlock(), createElementBlock("span", {
-                                                                            key: 3,
-                                                                            class: normalizeClass(`${props.prefixCls}-row-head-title`),
-                                                                            title: ellipsisTitle(cell.column, cell.column.title)
-                                                                        }, [
-                                                                            createVNode(unref(TableNodeRenderer), {
-                                                                                content: columnTitle(cell.column)
-                                                                            }, null, 8, [
-                                                                                "content"
-                                                                            ])
-                                                                        ], 10, _hoisted_2)) : (openBlock(), createBlock(unref(TableNodeRenderer), {
-                                                                            key: 4,
-                                                                            content: columnTitle(cell.column)
-                                                                        }, null, 8, [
-                                                                            "content"
-                                                                        ])),
-                                                                        canResize(cell.column) ? (openBlock(), createElementBlock("span", {
-                                                                            key: 5,
-                                                                            class: "react-resizable-handle react-resizable-handle-se",
-                                                                            onPointerdown: ($event)=>startResize(cell.column, $event),
-                                                                            onTouchstart: _cache[0] || (_cache[0] = withModifiers(()=>{}, [
-                                                                                "prevent"
-                                                                            ]))
-                                                                        }, null, 40, _hoisted_3)) : createCommentVNode("", true)
-                                                                    ]),
-                                                                _: 2
-                                                            }, 1040, [
-                                                                "class",
-                                                                "style",
-                                                                "colspan",
-                                                                "rowspan",
-                                                                "aria-colindex",
-                                                                "title",
-                                                                "onClick"
-                                                            ]))
-                                                        ]),
-                                                    _: 2
-                                                }, 1032, [
-                                                    "tooltip",
-                                                    "content"
-                                                ]))
-                                            ], 64))), 128))
-                                    ]),
-                                _: 2
-                            }, 1040, [
-                                "class",
-                                "style",
-                                "aria-rowindex"
-                            ]))), 128))
-                    ]),
-                _: 1
-            }, 8, [
-                "class"
-            ]));
-    }
-});
-export { TableHeadervue_type_script_setup_true_lang_ts };