@type-dom/ui 0.5.0 → 0.6.1

package/dist/components/data/td-table/table-column/defaults.d.ts

@@ -0,0 +1,113 @@
+import type { DefaultRow, TableSortOrder } from '../table/defaults';
+import type { TableOverflowTooltipFormatter, TableOverflowTooltipOptions } from '../util';
+import { TypeElement, Ref, FragmentProps, ISlotItem, MaybeRef } from '@type-dom/framework';
+import { TdTable } from '../td-table.class';
+type Filters = {
+    text: string;
+    value: string;
+}[];
+type FilterMethods<T extends DefaultRow> = (value: string, row: T, column: TableColumnCtx<T>) => void;
+type ValueOf<T> = T[keyof T];
+type TableColumnCtx<T extends DefaultRow = DefaultRow> = {
+    id: string;
+    realWidth: number | null;
+    type: MaybeRef<string>;
+    label: MaybeRef<string>;
+    labelClassName: MaybeRef<string>;
+    className?: MaybeRef<string>;
+    property: MaybeRef<string>;
+    prop: MaybeRef<string>;
+    width?: MaybeRef<string | number>;
+    minWidth: MaybeRef<string | number>;
+    renderHeader: ISlotItem;
+    sortable: MaybeRef<boolean | string>;
+    sortMethod: (a: T, b: T) => number;
+    sortBy: string | ((row: T, index: number, array?: T[]) => string) | string[];
+    resizable: MaybeRef<boolean>;
+    columnKey: MaybeRef<string>;
+    rawColumnKey: string;
+    align: MaybeRef<string | null | undefined>;
+    headerAlign: MaybeRef<string | null | undefined>;
+    showOverflowTooltip?: MaybeRef<boolean | TableOverflowTooltipOptions>;
+    tooltipFormatter?: TableOverflowTooltipFormatter<T>;
+    fixed: MaybeRef<boolean | string>;
+    formatter: (row: T, column: TableColumnCtx<T>, cellValue: any, index: number) => TypeElement | string;
+    selectable: (row: T, index: number) => boolean;
+    reserveSelection: MaybeRef<boolean>;
+    filterMethod: FilterMethods<T>;
+    filteredValue: string[];
+    filters: Filters;
+    filterPlacement: string;
+    filterMultiple: boolean;
+    filterClassName: string;
+    index: MaybeRef<number | ((index: number) => number)>;
+    sortOrders: (TableSortOrder | null)[];
+    renderCell: (data: any) => TypeElement | TypeElement[];
+    colSpan: number;
+    rowSpan: number;
+    children?: TableColumnCtx<T>[];
+    level: number;
+    filterable: boolean | FilterMethods<T> | Filters;
+    order: TableSortOrder | null;
+    isColumnGroup: boolean;
+    isSubColumn: boolean;
+    columns: TableColumnCtx<T>[];
+    getColumnIndex: () => number;
+    no: number;
+    filterOpened?: boolean;
+    renderFilterIcon?: ISlotItem;
+    renderExpand?: ISlotItem;
+};
+interface TableColumn<T extends DefaultRow> extends TypeElement {
+    vnode: {
+        vParent: TableColumn<T> | TdTable<T>;
+    } & TypeElement;
+    vParent: TableColumn<T> | TdTable<T>;
+    columnId: string;
+    columnConfig: Ref<Partial<TableColumnCtx<T>>>;
+}
+export declare const tableColumnDefaults: Partial<TableColumnProps>;
+export type { Filters, FilterMethods, TableColumnCtx, TableColumn, ValueOf };
+export interface TableColumnProps extends FragmentProps {
+    type?: MaybeRef<string>;
+    label?: MaybeRef<string>;
+    className?: MaybeRef<string>;
+    labelClassName?: MaybeRef<string>;
+    property?: MaybeRef<string>;
+    prop?: MaybeRef<string>;
+    width?: MaybeRef<string | number>;
+    minWidth?: MaybeRef<string | number>;
+    renderHeader?: (data: {
+        column: TableColumnCtx<any>;
+        $index: number;
+    }) => TypeElement;
+    sortable?: MaybeRef<boolean | string>;
+    sortMethod?: (a: any, b: any) => number;
+    sortBy?: string | ((row: any, index?: number) => string | number) | string[];
+    resizable?: MaybeRef<boolean>;
+    columnKey?: MaybeRef<string>;
+    align?: MaybeRef<string>;
+    headerAlign?: MaybeRef<string | null>;
+    showOverflowTooltip?: MaybeRef<boolean | object>;
+    tooltipFormatter?: (data: {
+        row: any;
+        column: any;
+        cellValue: any;
+    }) => TypeElement | string;
+    fixed?: MaybeRef<boolean | string>;
+    formatter?: (row: any, column: any, cellValue: any, index: number) => TypeElement | string;
+    selectable?: (row: any, index: number) => boolean;
+    reserveSelection?: MaybeRef<boolean>;
+    filterMethod?: (value: any, row: any, column: any) => boolean;
+    filteredValue?: string[];
+    filters?: {
+        text: string;
+        value: string;
+    }[];
+    filterPlacement?: string;
+    filterMultiple?: boolean;
+    filterClassName?: string;
+    index?: number | ((index: number) => number);
+    sortOrders?: (TableSortOrder | null)[];
+}
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/data/td-table/table-column/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-table/table-column/defaults.ts"],"names":[],"mappings":"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"}

package/dist/components/data/td-table/table-column/defaults.js

@@ -0,0 +1,10 @@
+export const tableColumnDefaults = {
+    type: 'default',
+    width: '',
+    minWidth: '',
+    sortable: false,
+    resizable: true,
+    filterMultiple: true,
+    sortOrders: ['ascending', 'descending', null],
+};
+//# sourceMappingURL=defaults.js.map

package/dist/components/data/td-table/table-column/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/components/data/td-table/table-column/defaults.ts"],"names":[],"mappings":"AAiGA,MAAM,CAAC,MAAM,mBAAmB,GAA8B;IAC5D,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,IAAI;IACpB,UAAU,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,IAAI,CAA8B;CAC3E,CAAA"}

package/dist/components/data/td-table/table-column/index.d.ts

@@ -0,0 +1,13 @@
+import { Fragment } from '@type-dom/framework';
+import { signal } from '@type-dom/signals';
+import type { DefaultRow } from '../table/defaults';
+import type { TableColumnCtx, TableColumnProps } from './defaults';
+import './style/index';
+export declare class TdTableColumn extends Fragment<TableColumnProps> {
+    columnId?: string;
+    columnConfig?: ReturnType<typeof signal<Partial<TableColumnCtx<DefaultRow>>>>;
+    constructor(params?: TableColumnProps);
+    setup(): void;
+}
+export default TdTableColumn;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data/td-table/table-column/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-table/table-column/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,QAAQ,EAIT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAY,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAMpD,OAAO,KAAK,EAAe,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,eAAe,CAAC;AAIvB,qBAAa,aAAc,SAAQ,QAAQ,CAAC,gBAAgB,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAElE,MAAM,GAAE,gBAAqB;IAKhC,KAAK;CAmOf;AAED,eAAe,aAAa,CAAC"}

package/dist/components/data/td-table/table-column/index.js

@@ -0,0 +1,192 @@
+import { Div, getCurrentInstance, onBeforeMount, onBeforeUnmount, onMounted, Fragment, defaultProps, unref, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { isArray, isUndefined } from '@type-dom/utils';
+import { useGlobalConfig } from '../../../configuration/td-config-provider'; // ✅ P0 修复: 添加 globalConfig 支持
+import { cellStarts } from '../config';
+import { compose, mergeOptions } from '../util';
+import useWatcher from './watcher-helper';
+import useRender from './render-helper';
+import { tableColumnDefaults } from './defaults'; // ✅ P1 修复: 从 defaults.ts 导入
+import './style/index';
+let columnIdSeed = 1;
+export class TdTableColumn extends Fragment {
+    columnId;
+    columnConfig;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, tableColumnDefaults);
+    }
+    setup() {
+        const props = this.props;
+        const instance = getCurrentInstance();
+        const columnConfig = signal({});
+        // ✅ P0 修复: 添加 globalConfig 支持
+        const globalConfig = useGlobalConfig('table');
+        const owner = computed(() => {
+            let parent = instance.parent;
+            while (parent && !parent.tableId) {
+                parent = parent.parent;
+            }
+            return parent;
+        });
+        const { registerNormalWatchers, registerComplexWatchers } = useWatcher(owner, props);
+        const columnSlots = this.props.slots || (this.props.slot ? { default: this.props.slot } : {});
+        const { columnId, isSubColumn, realHeaderAlign, columnOrTableParent, setColumnWidth, setColumnForcedProps, setColumnRenders, getPropsData, realAlign, getColumnElIndex, updateColumnOrder, } = useRender(props, columnSlots, owner);
+        const parent = columnOrTableParent.get();
+        columnId.set(`${('tableId' in parent && parent.tableId) ||
+            ('columnId' in parent && parent.columnId)}_column_${columnIdSeed++}`);
+        onBeforeMount(() => {
+            isSubColumn.set(owner.get() !== parent);
+            const type = (unref(props.type) || 'default');
+            const sortable = unref(props.sortable) === '' ? true : unref(props.sortable);
+            //The selection column should not be affected by `showOverflowTooltip`.
+            const showOverflowTooltip = type === 'selection'
+                ? false
+                : isUndefined(unref(props.showOverflowTooltip))
+                    ? (owner.get()?.props?.showOverflowTooltip ??
+                        globalConfig.get()?.showOverflowTooltip)
+                    : unref(props.showOverflowTooltip);
+            const tooltipFormatter = isUndefined(unref(props.tooltipFormatter))
+                ? (owner.get()?.props?.tooltipFormatter ??
+                    globalConfig.get()?.tooltipFormatter)
+                : unref(props.tooltipFormatter);
+            const defaults = {
+                ...cellStarts[type],
+                id: columnId.get(),
+                type,
+                property: unref(props.prop) || unref(props.property),
+                // 存 signal 本身而非 .get() 快照：realAlign 由 props.align 的 effect 驱动，
+                // 存 signal 后单元格 class 的 computed 能追踪到它，动态 align 才生效。
+                align: realAlign,
+                headerAlign: realHeaderAlign,
+                showOverflowTooltip,
+                tooltipFormatter,
+                filterable: !!(unref(props.filters) || unref(props.filterMethod)),
+                filteredValue: [],
+                filterPlacement: '',
+                filterClassName: '',
+                isColumnGroup: false,
+                isSubColumn: false,
+                filterOpened: false,
+                sortable,
+                index: unref(props.index),
+                order: null, // ✅ P0 修复: 修正 order 类型为 null（Element Plus 源码中是空字符串，但类型定义要求 null）
+                // <el-table-column key="xxx" />
+                rawColumnKey: instance.attrObj?.key, // (instance.dom as HTMLElement)?.getAttribute?.('key') as any,  // ✅ P2 修复: 补充 rawColumnKey（TypeDOM 中没有 vnode.key，从 DOM 属性获取）
+            };
+            const basicProps = [
+                'columnKey',
+                'label',
+                'className',
+                'labelClassName',
+                'type',
+                'renderHeader',
+                'formatter',
+                'fixed',
+                'resizable',
+            ];
+            const sortProps = ['sortMethod', 'sortBy', 'sortOrders'];
+            const selectProps = ['selectable', 'reserveSelection'];
+            const filterProps = [
+                'filterMethod',
+                'filters',
+                'filterMultiple',
+                'filterOpened',
+                'filteredValue',
+                'filterPlacement',
+                'filterClassName',
+            ];
+            let column = getPropsData(basicProps, sortProps, selectProps, filterProps);
+            column = mergeOptions(defaults, column);
+            const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps);
+            column = chains(column);
+            columnConfig.set(column);
+            registerNormalWatchers();
+            registerComplexWatchers();
+        });
+        onMounted(() => {
+            const parentNode = columnOrTableParent.get();
+            const ownerTable = owner.get();
+            if (!ownerTable?.store) {
+                return;
+            }
+            // 忠实 EP：基于 DOM/组件树位置计算列索引，确保列顺序正确
+            // EP: children = isSubColumn ? parent.vnode.el.children : parent.refs.hiddenColumns.children
+            //     getColumnIndex = () => getColumnElIndex(children, instance.vnode.el)
+            // TypeDOM: group 列的 render 创建 innerDiv 包裹子列，因此子列在 innerDiv.childNodes 中
+            const children = isSubColumn.get()
+                ? parentNode?.childNodes?.[0]?.childNodes ?? []
+                : ownerTable.refs?.hiddenColumns?.childNodes ?? [];
+            const getColumnIndex = () => getColumnElIndex(children, instance);
+            columnConfig.get().getColumnIndex = getColumnIndex;
+            const columnIndex = getColumnIndex();
+            // EP: columnIndex > -1 才插入
+            if (columnIndex > -1) {
+                ownerTable.store.commit('insertColumn', columnConfig.get(), isSubColumn.get()
+                    ? 'columnConfig' in parentNode && parentNode.columnConfig.get()
+                    : null, updateColumnOrder);
+            }
+        });
+        onBeforeUnmount(() => {
+            const ownerTable = owner.get();
+            if (!ownerTable?.store) {
+                return;
+            }
+            const getColumnIndex = columnConfig.get().getColumnIndex;
+            const columnIndex = getColumnIndex ? getColumnIndex() : -1;
+            if (columnIndex > -1) {
+                ownerTable.store.commit('removeColumn', columnConfig.get(), isSubColumn.get()
+                    ? 'columnConfig' in parent && parent.columnConfig.get()
+                    : null, updateColumnOrder);
+            }
+        });
+        instance.columnId = columnId.get();
+        instance.columnConfig = columnConfig;
+        // ✅ P2 修复: 忠实转换 Element Plus 的 render 方法逻辑
+        // Element Plus: render() { try { const renderDefault = this.$slots.default?.({...}) ... } catch { return h('div', []) } }
+        try {
+            // Vue: const renderDefault = this.$slots.default?.({ row: {}, column: {}, $index: -1 })
+            // TypeDOM: props.slot 可能是函数，需要调用
+            let renderDefault;
+            const slot = props.slot ?? props.slots?.default;
+            if (typeof slot === 'function') {
+                renderDefault = slot({ row: {}, column: {}, $index: -1 });
+            }
+            else {
+                renderDefault = slot;
+            }
+            const children = [];
+            // Vue: if (isArray(renderDefault)) { for (const childNode of renderDefault) { ... } }
+            if (isArray(renderDefault)) {
+                for (const childNode of renderDefault) {
+                    // Vue: if ((childNode.type as any)?.name === 'ElTableColumn' || childNode.shapeFlag & 2)
+                    // TypeDOM: 检查是否是 TdTableColumn 组件实例
+                    if (childNode.ClassName === 'TdTableColumn') {
+                        children.push(childNode);
+                    }
+                    // Vue: else if (childNode.type === Fragment && isArray(childNode.children))
+                    // TypeDOM: Fragment 在 TypeDOM 中也是组件，需要特殊处理
+                    else if (childNode.ClassName === 'Fragment' && isArray(childNode.children)) {
+                        // Vue: childNode.children.forEach((vnode) => { if ((vnode as VNode)?.patchFlag !== 1024 && !isString((vnode as VNode)?.children)) { children.push(vnode); } })
+                        // TypeDOM: Fragment 的 slot 是组件数组，直接遍历
+                        childNode.children.forEach((vnode) => {
+                            // TypeDOM 没有 patchFlag 概念，但需要排除字符串和函数（动态内容）
+                            if (typeof vnode !== 'string' &&
+                                typeof vnode !== 'function') {
+                                children.push(vnode);
+                            }
+                        });
+                    }
+                }
+            }
+            // Vue: const vnode = h('div', children); return vnode
+            this.addChild(new Div({ slot: children }));
+        }
+        catch {
+            // Vue: return h('div', [])
+            // TypeDOM: 错误时不添加任何子元素（保持空状态）
+        }
+    }
+}
+export default TdTableColumn;
+//# sourceMappingURL=index.js.map

package/dist/components/data/td-table/table-column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data/td-table/table-column/index.ts"],"names":[],"mappings":"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"}

package/dist/components/data/td-table/table-column/render-helper.d.ts

@@ -0,0 +1,21 @@
+import { Computed } from '@type-dom/signals';
+import { ISlots } from '@type-dom/framework';
+import type { TableColumn, TableColumnCtx } from './defaults';
+import type { TdTable } from '../td-table.class';
+import type { DefaultRow } from '../table/defaults';
+declare function useRender<T extends DefaultRow>(props: TableColumnCtx<T>, slots: ISlots, // ✅ P1 修复: 添加 slots 参数，与 Element Plus 保持一致
+owner: Computed<TdTable<T> | undefined>): {
+    columnId: import("@type-dom/signals").Signal<string>;
+    realAlign: import("@type-dom/signals").Signal<string | null | undefined>;
+    isSubColumn: import("@type-dom/signals").Signal<boolean>;
+    realHeaderAlign: import("@type-dom/signals").Signal<string | null | undefined>;
+    columnOrTableParent: Computed<TdTable<T> | TableColumn<T> | undefined>;
+    setColumnWidth: (column: TableColumnCtx<T>) => TableColumnCtx<T>;
+    setColumnForcedProps: (column: TableColumnCtx<T>) => TableColumnCtx<T>;
+    setColumnRenders: (column: TableColumnCtx<T>) => TableColumnCtx<T>;
+    getPropsData: (...propsKey: string[][]) => Record<string, any>;
+    getColumnElIndex: (children: any[], child: any) => number;
+    updateColumnOrder: () => void;
+};
+export default useRender;
+//# sourceMappingURL=render-helper.d.ts.map

package/dist/components/data/td-table/table-column/render-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-helper.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-table/table-column/render-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAqC,MAAM,EAAwC,MAAM,qBAAqB,CAAC;AAUtH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,iBAAS,SAAS,CAAC,CAAC,SAAS,UAAU,EACrC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EACxB,KAAK,EAAE,MAAM,EAAG,2CAA2C;AAC3D,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;;;;;;6BAyCP,cAAc,CAAC,CAAC,CAAC;mCAiBX,cAAc,CAAC,CAAC,CAAC;+BAmCrB,cAAc,CAAC,CAAC,CAAC;gCAsIhB,MAAM,EAAE,EAAE,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;iCAW/B,GAAG,EAAE,SAAS,GAAG;;EAyBtD;AAED,eAAe,SAAS,CAAC"}

package/dist/components/data/td-table/table-column/render-helper.js

@@ -0,0 +1,248 @@
+import { signal, computed, effect } from '@type-dom/signals';
+import { Div, getCurrentInstance, Fragment, unref, TypeElement } from '@type-dom/framework';
+import { debugWarn, isArray, isUndefined } from '@type-dom/utils';
+import { useNamespace } from '../../../../hooks';
+import { cellForced, defaultRenderCell, getDefaultClassName, treeCellPrefix, } from '../config';
+import { parseMinWidth, parseWidth } from '../util';
+function useRender(props, slots, // ✅ P1 修复: 添加 slots 参数，与 Element Plus 保持一致
+owner // ✅ P2 修复: 使用 Signal 类型替代复杂的 ReturnType
+) {
+    const instance = getCurrentInstance();
+    // TypeDOM: 如果调用方未传递 slots，则从 instance.props.slots 获取（向后兼容）
+    const actualSlots = slots || instance.props.slots || {};
+    const columnId = signal('');
+    const isSubColumn = signal(false);
+    const realAlign = signal(undefined); // ✅ P1 修复: 允许 undefined
+    const realHeaderAlign = signal(undefined); // ✅ P1 修复: 允许 undefined
+    const ns = useNamespace('table');
+    effect(() => {
+        realAlign.set(unref(props.align) ? `is-${unref(props.align)}` : null);
+    });
+    effect(() => {
+        realHeaderAlign.set(unref(props.headerAlign)
+            ? `is-${unref(props.headerAlign)}`
+            : realAlign.get());
+    });
+    const columnOrTableParent = computed(() => {
+        // ✅ P2 修复: 忠实转换 vnode.vParent 查找逻辑
+        let parent = instance.vParent || instance.parent;
+        while (parent && !parent.tableId && !parent.columnId) {
+            parent = parent.vParent || parent.parent;
+        }
+        return parent;
+    });
+    const hasTreeColumn = computed(() => {
+        const table = owner.get();
+        if (!table || !table.store)
+            return false;
+        const treeDataValue = table.store.states.treeData.get();
+        return treeDataValue && Object.keys(treeDataValue).length > 0;
+    });
+    const realWidth = signal(parseWidth(unref(props.width)) || '');
+    const realMinWidth = signal(parseMinWidth(unref(props.minWidth)) || '');
+    const setColumnWidth = (column) => {
+        if (realWidth.get())
+            column.width = realWidth.get();
+        if (realMinWidth.get()) {
+            column.minWidth = realMinWidth.get();
+        }
+        if (!realWidth.get() && realMinWidth.get()) {
+            column.width = undefined;
+        }
+        if (!column.minWidth) {
+            column.minWidth = 80;
+        }
+        column.realWidth = Number(isUndefined(column.width) ? column.minWidth : column.width);
+        return column;
+    };
+    const setColumnForcedProps = (column) => {
+        const type = unref(column.type);
+        // ✅ P1 修复: 保持更严格的类型检查
+        const source = cellForced[type] || {};
+        Object.keys(source).forEach((prop) => {
+            const value = source[prop];
+            if (prop !== 'className' && !isUndefined(value)) {
+                column[prop] = value;
+            }
+        });
+        const className = getDefaultClassName(type);
+        if (className) {
+            const forceClass = `${ns.namespace.get()}-${className}`;
+            column.className = unref(column.className)
+                ? `${unref(column.className)} ${forceClass}`
+                : forceClass;
+        }
+        return column;
+    };
+    const checkSubColumn = (children) => {
+        if (isArray(children)) {
+            children.forEach((child) => check(child));
+        }
+        else {
+            check(children);
+        }
+        function check(item) {
+            // ✅ P2 修复: 忠实转换 - Element Plus 检查 item?.type?.name === 'ElTableColumn'
+            // TypeDOM 检查 item?.ClassName === 'TdTableColumn'
+            if (item?.ClassName === 'TdTableColumn') {
+                item.parent = instance;
+            }
+        }
+    };
+    const setColumnRenders = (column) => {
+        // renderHeader 属性不推荐使用。
+        // - props.renderHeader 在 TypeDOM 中可能不存在，但为了忠实转换保留检查
+        if (props.renderHeader) {
+            debugWarn('TdTableColumn', 'Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.');
+        }
+        else if (unref(column.type) !== 'selection') {
+            // 筛选触发按钮（含图标、弹层、筛选项）统一由 TdTableFilterPanel 提供，
+            // 在 table-header 的 th.cell 内与表头内容、排序箭头并列渲染（对齐 EP FilterPanel 的挂载位置）。
+            // 这里只负责表头「文字内容」，不再渲染占位触发图标。
+            column.renderHeader = (scope) => {
+                // help render - 触发响应式更新（读取 label 以建立依赖）
+                void instance?.columnConfig?.get()?.['label'];
+                let content;
+                if (actualSlots.header) {
+                    const slotResult = typeof actualSlots.header === 'function'
+                        ? actualSlots.header(scope)
+                        : actualSlots.header;
+                    content = new Fragment({ slot: slotResult ?? unref(column.label) ?? '' });
+                }
+                else {
+                    // ✅ P0 修复: 忠实转换 - 返回文本节点而非 Div
+                    // Element Plus: return createTextVNode(column.label)
+                    // TypeDOM: 直接返回字符串（TypeDOM 会自动转换为文本节点）
+                    content = unref(column.label) ?? '';
+                }
+                return content;
+            };
+        }
+        // 注意：slots 以 camelCase 存储（如 filterIcon），不能用 kebab-case 的 'filter-icon' 取。
+        if (actualSlots.filterIcon) {
+            column.renderFilterIcon = (scope) => {
+                return typeof actualSlots.filterIcon === 'function'
+                    ? actualSlots.filterIcon(scope)
+                    : actualSlots.filterIcon;
+            };
+        }
+        if (actualSlots.expand) {
+            column.renderExpand = (scope) => {
+                return typeof actualSlots.expand === 'function'
+                    ? actualSlots.expand(scope)
+                    : actualSlots.expand;
+            };
+        }
+        let originRenderCell = column.renderCell;
+        // TODO: 这里的实现调整
+        if (unref(column.type) === 'expand') {
+            // 对于展开行，renderCell 不允许配置的。在上一步中已经设置过，这里需要简单封装一下。
+            column.renderCell = (data) => new Div({
+                class: 'cell',
+                slot: originRenderCell(data),
+            });
+            const table = owner.get();
+            if (table) {
+                table.renderExpanded.set((row) => {
+                    return typeof actualSlots.default === 'function'
+                        ? actualSlots.default(row)
+                        : actualSlots.default;
+                });
+            }
+        }
+        else {
+            originRenderCell = originRenderCell || defaultRenderCell;
+            column.renderCell = (data) => {
+                let children = null;
+                if (actualSlots.default) {
+                    let vnodes;
+                    if (typeof actualSlots.default === 'function') {
+                        vnodes = actualSlots.default(data);
+                    }
+                    else {
+                        vnodes = actualSlots.default.map((node) => {
+                            if (node instanceof TypeElement) {
+                                const Constructor = node.constructor;
+                                return new Constructor({ ...node.props });
+                            }
+                            return node;
+                        });
+                    }
+                    // ✅ 修复: 插槽可能返回单个节点（如 new Div(...) / TdPopover），需包装为数组，
+                    // 否则 vnodes.length 为 undefined 会错误回退到默认渲染
+                    const normalized = isArray(vnodes) ? vnodes : vnodes == null ? [] : [vnodes];
+                    children = normalized.length > 0 ? normalized : originRenderCell(data);
+                }
+                else {
+                    children = originRenderCell(data);
+                }
+                const table = owner.get();
+                if (!table || !table.store)
+                    return children;
+                const { columns } = table.store.states;
+                const firstUserColumnIndex = columns
+                    .get()
+                    .findIndex((item) => item.type === 'default');
+                const shouldCreatePlaceholder = hasTreeColumn.get() && data.cellIndex === firstUserColumnIndex;
+                const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
+                // ✅ P0 修复: 忠实转换 - 构建 props 对象
+                const cellProps = {
+                    class: 'cell',
+                    styleObj: {},
+                };
+                if (unref(column.showOverflowTooltip)) {
+                    cellProps.class = `${cellProps.class} ${ns.namespace.get()}-tooltip`;
+                    cellProps.styleObj = {
+                        width: `${(data.column.realWidth || Number(unref(data.column.width))) - 1}px`,
+                    };
+                }
+                // ✅ P2 修复: 忠实转换 checkSubColumn 调用
+                // Element Plus: checkSubColumn(children)
+                checkSubColumn(children);
+                // Element Plus: return h('div', props, [prefix, children])
+                // TypeDOM: 将 prefix 和 children 组合为数组
+                const slotContent = prefix ? [...prefix, children] : children;
+                return new Div({
+                    ...cellProps,
+                    slot: slotContent,
+                });
+            };
+        }
+        return column;
+    };
+    const getPropsData = (...propsKey) => {
+        return propsKey.reduce((prev, cur) => {
+            if (isArray(cur)) {
+                cur.forEach((key) => {
+                    prev[key] = props[key];
+                });
+            }
+            return prev;
+        }, {});
+    };
+    const getColumnElIndex = (children, child) => {
+        // ✅ P1 修复: 保持泛型灵活性，与 Element Plus 保持一致
+        return Array.prototype.indexOf.call(children, child);
+    };
+    const updateColumnOrder = () => {
+        const table = owner.get();
+        if (table && table.store) {
+            table.store.commit('updateColumnOrder', instance.columnConfig?.get());
+        }
+    };
+    return {
+        columnId,
+        realAlign, // ✅ 返回 Signal
+        isSubColumn,
+        realHeaderAlign, // ✅ 返回 Signal
+        columnOrTableParent,
+        setColumnWidth,
+        setColumnForcedProps,
+        setColumnRenders,
+        getPropsData,
+        getColumnElIndex,
+        updateColumnOrder,
+    };
+}
+export default useRender;
+//# sourceMappingURL=render-helper.js.map