@type-dom/ui 0.6.0 → 0.6.1

package/dist/components/data/td-table/config.js

@@ -0,0 +1,258 @@
+// import { h } from 'vue'
+// import ElCheckbox from '@element-plus/components/checkbox'
+// import { ElIcon } from '@element-plus/components/icon'
+// import { ArrowRight, Loading } from '@element-plus/icons-vue'
+import { getProp, isBoolean, isFunction, isNumber } from '@type-dom/utils';
+// import type { VNode } from 'vue'
+import { Div, Span, Button, unref } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { getRowIdentity } from './util';
+import { TdCheckbox } from '../../form/td-checkbox/td-checkbox.class';
+import { TdIcon } from '../../basic/td-icon/td-icon.class';
+import { ElArrowRightSvg, ElLoadingSvg } from '@type-dom/svgs';
+const defaultClassNames = {
+    selection: 'table-column--selection',
+    expand: 'table__expand-column',
+};
+export const cellStarts = {
+    default: {
+        order: '',
+    },
+    selection: {
+        width: 48,
+        minWidth: 48,
+        realWidth: 48,
+        order: '',
+    },
+    expand: {
+        width: 48,
+        minWidth: 48,
+        realWidth: 48,
+        order: '',
+    },
+    index: {
+        width: 48,
+        minWidth: 48,
+        realWidth: 48,
+        order: '',
+    },
+};
+export const getDefaultClassName = (type) => {
+    return defaultClassNames[type] || '';
+};
+// 这些选项不应该被覆盖
+export const cellForced = {
+    selection: {
+        renderHeader({ store }) {
+            function isDisabled() {
+                return store.states.data.get() && store.states.data.get().length === 0;
+            }
+            return new TdCheckbox({
+                disabled: isDisabled(),
+                size: store.states.tableSize?.get(),
+                // 半选态必须是「响应式绑定」：表头只在 sortProp / sortOrder 变化时重建
+                // （见 table-header.class.ts），勾选若干行后 <th> 不会重建，静态快照会让
+                // is-indeterminate 永远停留在首次渲染的值（Element Plus 里这是 Vue 渲染函数
+                // 每读一次响应式数据就收集依赖，selection 变化即重渲染重算）。
+                indeterminate: computed(() => store.states.selection.get().length > 0 &&
+                    !store.states.isAllSelected.get()),
+                // Element Plus 用 'onUpdate:modelValue' 触发全选。TypeDOM 中 TdCheckbox
+                // 会先用内部 change 处理器把新值回写进 vModel，再调用外部 onChange；
+                // 若直接绑定 store 的 isAllSelected，会在 toggleAllSelection 读取状态前
+                // 被提前置反，导致「全选 → 立即取消」。因此这里只读该状态用于展示，
+                // 回写置为空操作，实际全选逻辑统一交给 onChange。
+                onChange: () => store.toggleAllSelection?.(),
+                modelValue: store.states.isAllSelected.get(),
+                vModel: computed(() => store.states.isAllSelected.get(), () => {
+                    // 状态由 store 的 toggleAllSelection 统一维护
+                }),
+                attrObj: {
+                    ariaLabel: store.t('el.table.selectAllLabel'),
+                }
+            });
+        },
+        renderCell({ row, column, store, $index, }) {
+            return new TdCheckbox({
+                disabled: column.selectable
+                    ? !column.selectable.call(null, row, $index)
+                    : false,
+                size: store.states.tableSize,
+                onChange: () => {
+                    store.commit('rowSelectedChanged', row);
+                },
+                onClick: (event) => event.stopPropagation(),
+                modelValue: store.isSelected(row),
+                // 行复选框的选中态必须是「响应式绑定」而不是快照：
+                // tbody 中被 keyed 协调复用的 <td> 不会重跑 slot、也不会重建 TdCheckbox，
+                // 而 TdCheckbox 内部只订阅 props.vModel（props.modelValue 是纯静态值），
+                // 因此静态快照会让行复选框永远停在首次渲染值——表头全选后行复选框不同步。
+                // Element Plus 里 modelValue 是 Vue 响应式 props，selection 变化即 patch。
+                // setter 置空：真实状态由 store 的 rowSelectedChanged / toggleAllSelection
+                // 统一维护，避免回写抢在 store 读取旧状态之前（同表头 checkbox 的处理）。
+                vModel: computed(() => store.isSelected(row), () => {
+                    // 状态由 store 的 rowSelectedChanged 统一维护
+                }),
+                // 树形表格父节点的半选态（对齐 Element Plus 的 store.getRowIndeterminate）
+                indeterminate: computed(() => store.getRowIndeterminate(row)),
+                attrObj: {
+                    ariaLabel: store.t('el.table.selectRowLabel'),
+                }
+            });
+        },
+        sortable: false,
+        resizable: false,
+    },
+    index: {
+        renderHeader({ column }) {
+            return unref(column.label) || '#';
+        },
+        renderCell({ column, $index, }) {
+            let i = $index + 1;
+            const index = unref(column.index);
+            if (isNumber(index)) {
+                i = $index + index;
+            }
+            else if (isFunction(index)) {
+                i = index($index);
+            }
+            return new Div({ slot: i });
+        },
+        sortable: false,
+    },
+    expand: {
+        renderHeader({ column }) {
+            return unref(column.label) || '';
+        },
+        renderCell({ column, row, store, $index, }) {
+            const { ns } = store;
+            const isRowExpandable = store.states.rowExpandable?.get()?.(row, $index) ?? true;
+            // 展开态必须依赖 expandRows signal，而不是渲染时快照下来的 expanded：
+            // 图标节点被 keyed 协调复用时框架不重打补丁，静态 class / attrObj 会永远停留在
+            // 首次渲染的值，导致展开后 --expanded 类与 aria-label / aria-expanded 不更新。
+            const isExpanded = computed(() => store.isRowExpanded(row));
+            const classes = computed(() => {
+                const cls = [ns.e('expand-icon')];
+                if (!column.renderExpand && isExpanded.get()) {
+                    cls.push(ns.em('expand-icon', 'expanded'));
+                }
+                if (!isRowExpandable) {
+                    cls.push(ns.is('disabled'));
+                }
+                return cls;
+            });
+            const callback = function (e) {
+                e.stopPropagation();
+                if (!isRowExpandable)
+                    return;
+                store.toggleRowExpansion(row);
+            };
+            // 用 framework 的 Button 基元（非 TdButton），其构造函数渲染原生 <button>：
+            // 原生按钮 UA 样式居中内容，rotate(90deg) 时箭头绕中心，收起/展开两态一致（用 <div> 会偏位）。
+            return new Button({
+                class: classes,
+                onClick: callback,
+                attrObj: {
+                    type: 'button',
+                    disabled: !isRowExpandable,
+                    // 单个属性值为 ref 时框架会为它单独建 effect 做原地更新（见 renderAttrProp），
+                    // 这样不会像「整个 attrObj 为 computed」那样触发 resetAttrObj 清掉 class。
+                    'aria-label': computed(() => store.t(isExpanded.get()
+                        ? 'el.table.collapseRowLabel'
+                        : 'el.table.expandRowLabel')),
+                    'aria-expanded': computed(() => isExpanded.get()),
+                },
+                slot: column.renderExpand
+                    ? column.renderExpand
+                    // ({ // todo
+                    //     expanded,
+                    //   })
+                    : new TdIcon({
+                        slot: new ElArrowRightSvg()
+                    }),
+            });
+        },
+        sortable: false,
+        resizable: false,
+    },
+};
+export function defaultRenderCell({ row, column, $index, store, treeNode, }) {
+    const property = unref(column.property);
+    // 单元格文本必须是「响应式绑定」：排序 / 过滤会重排 store.states.data，
+    // 而被 keyed 协调复用的 <td> 不会重打补丁，只有其子节点（Span）自身的响应式 slot
+    // 才会原地更新文本——这正是 Element Plus 中 <tbody> patch 行内单元格的行为。
+    // 树形表格（treeNode 存在）按闭包 row 渲染，不走 data 索引（树数据嵌套，
+    // data[$index] 无法映射到可见行）。
+    // 单元格文本用「函数 slot 读取响应式数据源」：排序 / 过滤会重排 store.states.data，
+    // 而被 keyed 协调复用的 <td> 不会重打补丁，只有 Span 自身的响应式 slot 才会原地更新文本
+    // （computed 作 slot 会被 transformSlot 误判为 isRef 直接 addChild，故必须用函数 slot）。
+    // 树形表格（treeNode 存在）按闭包 row 渲染，不走 data 索引（树数据嵌套，data[$index] 无法映射可见行）。
+    const slot = () => {
+        const liveRow = treeNode
+            ? row
+            : (store?.states?.data?.get()?.[$index] ?? row);
+        const value = property && getProp(liveRow, property).value;
+        if (column?.formatter) {
+            return column.formatter(liveRow, column, value, $index);
+        }
+        // ✅ P0 修复: TypeDOM 必须返回组件实例，不能返回字符串
+        // Element Plus: return value?.toString?.() || ''
+        // TypeDOM: 需要包装成 Span 组件
+        return value?.toString?.() ?? '';
+    };
+    return new Span({ slot });
+}
+export function treeCellPrefix({ row, treeNode, store, }, createPlaceholder = false) {
+    const { ns } = store;
+    if (!treeNode) {
+        if (createPlaceholder) {
+            return [
+                new Span({
+                    class: ns.e('placeholder'),
+                })
+            ];
+        }
+        return null;
+    }
+    const ele = [];
+    const callback = function (e) {
+        e.stopPropagation();
+        if (treeNode.loading) {
+            return;
+        }
+        store.loadOrToggle(row);
+    };
+    if (treeNode.indent) {
+        ele.push(new Span({
+            class: ns.e('indent'),
+            styleObj: { 'padding-left': `${treeNode.indent}px` },
+        }));
+    }
+    if (isBoolean(treeNode.expanded) && !treeNode.noLazyChildren) {
+        // 展开图标类 / loading 必须依赖响应式 treeData，使被 keyed 协调复用的图标节点
+        // 能原地更新——框架复用 DOM 不重打补丁，否则展开后 --expanded 类不会加上。
+        const treeKey = getRowIdentity(row, store.states.rowKey.get());
+        const td = store.states.treeData;
+        const expandClasses = computed(() => [
+            ns.e('expand-icon'),
+            td.get()?.[treeKey]?.expanded ? ns.em('expand-icon', 'expanded') : '',
+        ]);
+        const iconLoading = computed(() => !!td.get()?.[treeKey]?.loading);
+        ele.push(new Button({
+            class: expandClasses,
+            onClick: callback,
+            // 与原生 button 一致：显式 type='button'，避免落在 form 内时默认 submit 提交。
+            attrObj: { type: 'button' },
+            slot: new TdIcon({
+                class: computed(() => ({ [ns.is('loading')]: iconLoading.get() })),
+                slot: () => new (iconLoading.get() ? ElLoadingSvg : ElArrowRightSvg)(),
+            })
+        }));
+    }
+    else {
+        ele.push(new Span({
+            class: ns.e('placeholder'),
+        }));
+    }
+    return ele;
+}
+//# sourceMappingURL=config.js.map

package/dist/components/data/td-table/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../../src/components/data/td-table/config.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,6DAA6D;AAC7D,yDAAyD;AACzD,gEAAgE;AAChE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1E,mCAAmC;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAqB,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,iBAAiB,GAAG;IACxB,SAAS,EAAE,yBAAyB;IACpC,MAAM,EAAE,sBAAsB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;QACb,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAA4B,EAAE,EAAE;IAClE,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;AACtC,CAAC,CAAA;AAED,aAAa;AACb,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE;QACT,YAAY,CAAuB,EAAE,KAAK,EAAuB;YAC/D,SAAS,UAAU;gBACjB,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,KAAK,CAAC,CAAA;YACxE,CAAC;YACD,OAAO,IAAI,UAAU,CAAC;gBACpB,QAAQ,EAAE,UAAU,EAAE;gBACtB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE;gBACnC,gDAAgD;gBAChD,oDAAoD;gBACpD,yDAAyD;gBACzD,sCAAsC;gBACtC,aAAa,EAAE,QAAQ,CACrB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC;oBACvC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,CACpC;gBACD,iEAAiE;gBACjE,gDAAgD;gBAChD,0DAA0D;gBAC1D,qCAAqC;gBACrC,+BAA+B;gBAC/B,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAAE,EAAE;gBAC5C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE;gBAC5C,MAAM,EAAE,QAAQ,CACd,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,EAAE,EACtC,GAAG,EAAE;oBACH,sCAAsC;gBACxC,CAAC,CACF;gBACD,OAAO,EAAE;oBACP,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC;iBAC9C;aACF,CAAC,CAAA;QACJ,CAAC;QACD,UAAU,CAAuB,EAC/B,GAAG,EACH,MAAM,EACN,KAAK,EACL,MAAM,GAMP;YACC,OAAO,IAAI,UAAU,CAAC;gBACpB,QAAQ,EAAE,MAAM,CAAC,UAAU;oBACzB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC;oBAC5C,CAAC,CAAC,KAAK;gBACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;gBAC5B,QAAQ,EAAE,GAAG,EAAE;oBACX,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAA;gBACzC,CAAC;gBACH,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;gBAClD,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;gBACjC,2BAA2B;gBAC3B,wDAAwD;gBACxD,2DAA2D;gBAC3D,uCAAuC;gBACvC,iEAAiE;gBACjE,kEAAkE;gBAClE,+CAA+C;gBAC/C,MAAM,EAAE,QAAQ,CACd,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAC3B,GAAG,EAAE;oBACH,sCAAsC;gBACxC,CAAC,CACF;gBACD,2DAA2D;gBAC3D,aAAa,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;gBAC7D,OAAO,EAAE;oBACP,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC;iBAC9C;aACF,CAAC,CAAA;QACJ,CAAC;QACD,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;KACjB;IACD,KAAK,EAAE;QACL,YAAY,CAAuB,EAAE,MAAM,EAAiC;YAC1E,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA;QACnC,CAAC;QACD,UAAU,CAAuB,EAC/B,MAAM,EACN,MAAM,GAIP;YACC,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,CAAA;YAClB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAEjC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpB,CAAC,GAAG,MAAM,GAAG,KAAK,CAAA;YACpB,CAAC;iBAAM,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;YACnB,CAAC;YACD,OAAO,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC,CAAA;QAC5B,CAAC;QACD,QAAQ,EAAE,KAAK;KAChB;IACD,MAAM,EAAE;QACN,YAAY,CAAuB,EAAE,MAAM,EAAiC;YAC1E,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAClC,CAAC;QACD,UAAU,CAAuB,EAC/B,MAAM,EACN,GAAG,EACH,KAAK,EACL,MAAM,GAMP;YACC,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;YAEpB,MAAM,eAAe,GACnB,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,IAAI,CAAA;YAE1D,kDAAkD;YAClD,qDAAqD;YACrD,6DAA6D;YAC7D,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAA;YAE3D,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;gBAC5B,MAAM,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAA;gBAEjC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;oBAC7C,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;gBAC5C,CAAC;gBAED,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;gBAC7B,CAAC;gBAED,OAAO,GAAG,CAAA;YACZ,CAAC,CAAC,CAAA;YAEF,MAAM,QAAQ,GAAG,UAAU,CAAQ;gBACjC,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,eAAe;oBAAE,OAAM;gBAC5B,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAA;YAC/B,CAAC,CAAA;YAED,0DAA0D;YAC1D,8DAA8D;YAC9D,OAAO,IAAI,MAAM,CAAC;gBAChB,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE;oBACP,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,CAAC,eAAe;oBAC1B,uDAAuD;oBACvD,0DAA0D;oBAC1D,YAAY,EAAE,QAAQ,CAAC,GAAG,EAAE,CAC1B,KAAK,CAAC,CAAC,CACL,UAAU,CAAC,GAAG,EAAE;wBACd,CAAC,CAAC,2BAA2B;wBAC7B,CAAC,CAAC,yBAAyB,CAC9B,CACF;oBACD,eAAe,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;iBAClD;gBACD,IAAI,EAAE,MAAM,CAAC,YAAY;oBACvB,CAAC,CAAC,MAAM,CAAC,YAAY;oBACrB,aAAa;oBACb,gBAAgB;oBAChB,OAAO;oBACP,CAAC,CAAC,IAAI,MAAM,CAAC;wBACT,IAAI,EAAE,IAAI,eAAe,EAAE;qBAC5B,CAAC;aACP,CAAC,CAAA;QACJ,CAAC;QACD,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAuB,EACtD,GAAG,EACH,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,GAOT;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACvC,gDAAgD;IAChD,qDAAqD;IACrD,uDAAuD;IACvD,gDAAgD;IAChD,0BAA0B;IAC1B,yDAAyD;IACzD,0DAA0D;IAC1D,wEAAwE;IACxE,sEAAsE;IACtE,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,OAAO,GACX,QAAQ;YACN,CAAC,CAAC,GAAG;YACL,CAAC,CAAC,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,MAAgB,CAAO,IAAI,GAAG,CAAC,CAAA;QACpE,MAAM,KAAK,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAA;QAC1D,IAAI,MAAM,EAAE,SAAS,EAAE,CAAC;YACtB,OAAO,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QACzD,CAAC;QACD,oCAAoC;QACpC,iDAAiD;QACjD,yBAAyB;QACzB,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAA;IAClC,CAAC,CAAA;IACD,OAAO,IAAI,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,EACE,GAAG,EACH,QAAQ,EACR,KAAK,GAKN,EACD,iBAAiB,GAAG,KAAK;IAEzB,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO;gBACL,IAAI,IAAI,CAAC;oBACP,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;iBAC3B,CAAC;aACH,CAAA;QACH,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IACD,MAAM,GAAG,GAAY,EAAE,CAAA;IACvB,MAAM,QAAQ,GAAG,UAAU,CAAQ;QACjC,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,OAAM;QACR,CAAC;QACD,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACzB,CAAC,CAAA;IACD,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;QACpB,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;YAChB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrB,QAAQ,EAAE,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI,EAAE;SACrD,CAAC,CAAC,CAAA;IACL,CAAC;IACD,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;QAC7D,sDAAsD;QACtD,gDAAgD;QAChD,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAA;QAC9D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAA;QAChC,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;YACnC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;YACnB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;SACtE,CAAC,CAAA;QACF,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAA;QAElE,GAAG,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC;YAClB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,QAAQ;YACjB,2DAA2D;YAC3D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,IAAI,EAAE,IAAI,MAAM,CAAC;gBACf,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBAClE,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;aACvE,CAAC;SACH,CAAC,CAAC,CAAA;IACL,CAAC;SAAM,CAAC;QACN,GAAG,CAAC,IAAI,CAAE,IAAI,IAAI,CAAC;YACjB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;SAC3B,CAAC,CAAC,CAAA;IACL,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/components/data/td-table/filter-panel/filter-panel.class.d.ts

@@ -0,0 +1,21 @@
+import { Fragment } from '@type-dom/framework';
+import { ITdTableFilterPanel, FilterPanelProps } from './filter-panel.interface';
+import './style';
+/**
+ * 表格列筛选面板（对标 Element Plus 的 FilterPanel / filter-panel.vue）。
+ *
+ * TypeDOM 此前完全没有筛选面板：表头只在 render-helper 里渲染了一个「占位触发图标」，
+ * 点击只会切换图标方向，不会弹出任何下拉，也没有任何筛选项，因此「筛选示例」无法过滤。
+ *
+ * 这里完整复刻 EP 的结构：
+ *   - TdTooltip(trigger=click) 包裹「触发按钮」(默认插槽) 与「下拉内容」(content 插槽)；
+ *   - 多选(filters + filterMultiple) 渲染 TdCheckboxGroup；
+ *   - 单选渲染 ul/li 列表（全部 + 各筛选项）；
+ *   - 确认 / 重置 复用 EP 的 confirmFilter -> store.commit('filterChange') 流程。
+ */
+export declare class TdTableFilterPanel extends Fragment<FilterPanelProps> implements ITdTableFilterPanel {
+    constructor(params?: FilterPanelProps);
+    setup(): void;
+}
+export default TdTableFilterPanel;
+//# sourceMappingURL=filter-panel.class.d.ts.map

package/dist/components/data/td-table/filter-panel/filter-panel.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-table/filter-panel/filter-panel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,QAAQ,EAET,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,SAAS,CAAC;AAEjB;;;;;;;;;;;GAWG;AACH,qBAAa,kBACX,SAAQ,QAAQ,CAAC,gBAAgB,CACjC,YAAW,mBAAmB;gBAElB,MAAM,GAAE,gBAAqB;IAIhC,KAAK;CA8Kf;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/data/td-table/filter-panel/filter-panel.class.js

@@ -0,0 +1,190 @@
+import { Div, UL, LI, Button, Fragment, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { useLocale } from '../../../../hooks/use-locale';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { TdTooltip } from '../../../feedback/td-tooltip/td-tooltip.class';
+import { TdCheckboxGroup } from '../../../form/td-checkbox-group/td-checkbox-group.class';
+import { TdCheckbox } from '../../../form/td-checkbox/td-checkbox.class';
+import { TdScrollbar } from '../../../basic/td-scrollbar/td-scrollbar.class';
+import './style';
+/**
+ * 表格列筛选面板（对标 Element Plus 的 FilterPanel / filter-panel.vue）。
+ *
+ * TypeDOM 此前完全没有筛选面板：表头只在 render-helper 里渲染了一个「占位触发图标」，
+ * 点击只会切换图标方向，不会弹出任何下拉，也没有任何筛选项，因此「筛选示例」无法过滤。
+ *
+ * 这里完整复刻 EP 的结构：
+ *   - TdTooltip(trigger=click) 包裹「触发按钮」(默认插槽) 与「下拉内容」(content 插槽)；
+ *   - 多选(filters + filterMultiple) 渲染 TdCheckboxGroup；
+ *   - 单选渲染 ul/li 列表（全部 + 各筛选项）；
+ *   - 确认 / 重置 复用 EP 的 confirmFilter -> store.commit('filterChange') 流程。
+ */
+export class TdTableFilterPanel extends Fragment {
+    constructor(params = {}) {
+        super(params);
+    }
+    setup() {
+        const props = this.props;
+        const { t } = useLocale();
+        const ns = useNamespace('table-filter');
+        const tooltipRef = signal();
+        const column = props.column;
+        // 打开态：本地面板 signal 驱动图标方向（与表头其他按钮一致，避免依赖非响应式的 column.filterOpened）。
+        const filterOpened = signal(false);
+        const checkedIndex = signal(0);
+        // 已选筛选值：用本地 signal 承载，因为 column.filteredValue 是普通数组，非响应式。
+        const selectedValues = signal([...(column.filteredValue ?? [])]);
+        const multiple = computed(() => column.filterMultiple !== false);
+        const filters = computed(() => column.filters ?? []);
+        const confirmFilter = (values) => {
+            props.upDataColumn?.('filteredValue', values);
+            props.store?.commit('filterChange', {
+                column,
+                values,
+                silent: false,
+            });
+            props.store?.updateAllSelected?.();
+        };
+        const hidePanel = () => {
+            tooltipRef.get()?.onClose?.();
+        };
+        const handleConfirm = () => {
+            confirmFilter(selectedValues.get());
+            hidePanel();
+        };
+        const handleReset = () => {
+            selectedValues.set([]);
+            confirmFilter([]);
+            hidePanel();
+        };
+        const handleSelect = (value, index) => {
+            checkedIndex.set(index);
+            if (value === null) {
+                selectedValues.set([]);
+                confirmFilter([]);
+            }
+            else {
+                selectedValues.set([value]);
+                confirmFilter([value]);
+            }
+            hidePanel();
+        };
+        // 触发图标由表头单元格内的轻量节点提供（经 virtualRef 驱动面板 tooltip 定位），
+        // 面板自身不再渲染触发节点。
+        // 下拉内容：必须是函数插槽，使 confirm/reset 按钮的禁用态、单选列表的 active 态
+        // 随 selectedValues / checkedIndex 变化重渲染（TdTooltipContent 渲染时会订阅这些 signal）。
+        const buildContent = () => {
+            if (multiple.get()) {
+                return new Div({
+                    class: ns.e('multiple'),
+                    slot: [
+                        new Div({
+                            class: ns.e('content'),
+                            slot: new TdScrollbar({
+                                wrapClass: ns.e('wrap'),
+                                slot: new TdCheckboxGroup({
+                                    vModel: selectedValues,
+                                    // TdCheckboxGroup 的 modelValue 仅作初值，回写必须靠 onUpdate:modelValue。
+                                    'onUpdate:modelValue': (val) => selectedValues.set(val),
+                                    class: ns.e('checkbox-group'),
+                                    slot: filters.get().map((f) => new TdCheckbox({ value: f.value, label: f.text })),
+                                }),
+                            }),
+                        }),
+                        new Div({
+                            class: ns.e('bottom'),
+                            slot: [
+                                new Button({
+                                    // disabled 必须响应式：attrObj.disabled 为静态布尔时只在 buildContent 初次
+                                    // 渲染时求值，selectedValues 变化不会同步到 DOM，导致选中后 confirm 仍 disabled
+                                    // （点击无效、数据不过滤）。用 computed 让框架 renderAttrProp 的 effect 订阅并刷新。
+                                    attrObj: {
+                                        type: 'button',
+                                        disabled: computed(() => selectedValues.get().length === 0),
+                                    },
+                                    class: computed(() => [ns.is('disabled', selectedValues.get().length === 0)]),
+                                    onClick: handleConfirm,
+                                    slot: t('el.table.confirmFilter'),
+                                }),
+                                new Button({
+                                    attrObj: { type: 'button' },
+                                    onClick: handleReset,
+                                    slot: t('el.table.resetFilter'),
+                                }),
+                            ],
+                        }),
+                    ],
+                });
+            }
+            return new UL({
+                attrObj: { role: 'radiogroup', tabindex: -1 },
+                class: ns.e('list'),
+                slot: [
+                    new LI({
+                        attrObj: {
+                            role: 'radio',
+                            tabindex: computed(() => checkedIndex.get() === 0 ? 0 : -1),
+                            'aria-checked': computed(() => selectedValues.get().length === 0),
+                        },
+                        class: computed(() => [
+                            ns.e('list-item'),
+                            ns.is('active', selectedValues.get().length === 0),
+                        ]),
+                        onClick: () => handleSelect(null, 0),
+                        slot: t('el.table.clearFilter'),
+                    }),
+                    ...filters.get().map((f, idx) => {
+                        return new LI({
+                            attrObj: {
+                                role: 'radio',
+                                tabindex: computed(() => checkedIndex.get() === idx + 1 ? 0 : -1),
+                                'aria-checked': computed(() => selectedValues.get().includes(f.value)),
+                            },
+                            class: computed(() => [
+                                ns.e('list-item'),
+                                ns.is('active', selectedValues.get().includes(f.value)),
+                            ]),
+                            onClick: () => handleSelect(f.value, idx + 1),
+                            slot: f.text,
+                        });
+                    }),
+                ],
+            });
+        };
+        this.addChild(new TdTooltip({
+            refEl: tooltipRef,
+            trigger: 'click',
+            // 对齐 EP：筛选面板 tooltip 的 show/hide 均为 0 延迟——点击触发图标即
+            // 同步打开/关闭，图标方向（.top/.bottom）随之即时翻转。否则 onClose 的
+            // 200ms 延迟会让「再次点击收起」断言在 macrotask 前失败。
+            showAfter: 0,
+            hideAfter: 0,
+            // 虚拟触发：面板的 tooltip 不再渲染自身触发节点，而是相对表头单元格传入的
+            // virtualRef（筛选图标）定位。这样面板可常驻挂载、与表头重建解耦。
+            virtualTriggering: true,
+            virtualRef: props.virtualRef,
+            effect: 'light',
+            placement: props.placement || 'bottom-start',
+            popperClass: column.filterClassName || '',
+            pure: true,
+            persistent: true,
+            showArrow: false,
+            offset: 0,
+            role: 'dialog',
+            appendTo: props.appendTo,
+            onShow: () => {
+                filterOpened.set(true);
+                props.upDataColumn?.('filterOpened', true);
+            },
+            onHide: () => {
+                filterOpened.set(false);
+                props.upDataColumn?.('filterOpened', false);
+            },
+            slots: {
+                content: buildContent,
+            },
+        }));
+    }
+}
+export default TdTableFilterPanel;
+//# sourceMappingURL=filter-panel.class.js.map

package/dist/components/data/td-table/filter-panel/filter-panel.class.js.map

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

package/dist/components/data/td-table/filter-panel/filter-panel.interface.d.ts

@@ -0,0 +1,22 @@
+import { DivProps, IDiv, ISlotItem, MaybeRef, Ref } from '@type-dom/framework';
+import type { Measurable } from '../../../feedback/td-popper/td-popper.interface';
+import type { Store } from '../store';
+import type { TableColumnCtx } from '../table-column/defaults';
+import type { DefaultRow } from '../table/defaults';
+export interface FilterPanelProps extends DivProps {
+    store?: Store<DefaultRow>;
+    column?: TableColumnCtx;
+    upDataColumn?: (key: string, value: any) => void;
+    placement?: MaybeRef<string>;
+    appendTo?: MaybeRef<string | HTMLElement>;
+    slot?: ISlotItem;
+    /**
+     * 虚拟触发元素（表头单元格内的筛选图标）。启用 virtualTriggering 后，
+     * 面板自身的 tooltip 不再渲染触发节点，而是相对该元素定位，从而支持
+     * 面板常驻挂载、与表头重建解耦（避免重复创建导致的多份下拉）。
+     */
+    virtualRef?: Ref<Measurable | undefined>;
+}
+export interface ITdTableFilterPanel extends IDiv {
+}
+//# sourceMappingURL=filter-panel.interface.d.ts.map

package/dist/components/data/td-table/filter-panel/filter-panel.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/data/td-table/filter-panel/filter-panel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI;CAEhD"}

package/dist/components/data/td-table/filter-panel/filter-panel.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=filter-panel.interface.js.map

package/dist/components/data/td-table/filter-panel/filter-panel.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.interface.js","sourceRoot":"","sources":["../../../../../src/components/data/td-table/filter-panel/filter-panel.interface.ts"],"names":[],"mappings":""}

package/dist/components/data/td-table/filter-panel/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../../theme-chalk/table-column.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data/td-table/filter-panel/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data/td-table/filter-panel/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,8CAA8C,CAAC"}

package/dist/components/data/td-table/filter-panel/style/index.js

@@ -0,0 +1,2 @@
+import '../../../../../theme-chalk/table-column.scss';
+//# sourceMappingURL=index.js.map

package/dist/components/data/td-table/filter-panel/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/data/td-table/filter-panel/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,8CAA8C,CAAC"}

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

@@ -0,0 +1,12 @@
+import { TableColGroup, TableColGroupProps, Ref } from '@type-dom/framework';
+import { DefaultRow } from './table/defaults';
+import { TableColumnCtx } from './table-column/defaults';
+export interface HColGroupProps extends TableColGroupProps {
+    columns?: Ref<TableColumnCtx<DefaultRow>[]>;
+    tableLayout?: Ref<'fixed' | 'auto'>;
+}
+export declare class HColGroup extends TableColGroup<HColGroupProps> {
+    constructor(params?: HColGroupProps);
+    setup(): void;
+}
+//# sourceMappingURL=h-helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"h-helper.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-table/h-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,kBAAkB,EAClB,GAAG,EAEJ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CACrC;AACD,qBAAa,SAAU,SAAQ,aAAa,CAAC,cAAc,CAAC;gBAC9C,MAAM,GAAE,cAAmB;IAI9B,KAAK;CA6Bf"}

package/dist/components/data/td-table/h-helper.js

@@ -0,0 +1,37 @@
+import { TableCol, TableColGroup, transformSlot } from '@type-dom/framework';
+export class HColGroup extends TableColGroup {
+    constructor(params = {}) {
+        super(params);
+    }
+    setup() {
+        transformSlot(this, () => {
+            const props = this.props;
+            const isAuto = props.tableLayout?.get() === 'auto';
+            const columns = props.columns;
+            const getPropsData = (column) => {
+                const propsData = {
+                    key: `${props.tableLayout?.get()}_${column.id}`,
+                };
+                const width = column.width ?? column.minWidth;
+                if (isAuto) {
+                    propsData.styleObj = {
+                        width: `${width}px`,
+                    };
+                    propsData.attrObj = {
+                        name: column.id,
+                        width,
+                    };
+                }
+                else {
+                    propsData.attrObj = {
+                        name: column.id,
+                        width,
+                    };
+                }
+                return propsData;
+            };
+            return columns?.get()?.map((column) => new TableCol({ ...getPropsData(column) }));
+        });
+    }
+}
+//# sourceMappingURL=h-helper.js.map

package/dist/components/data/td-table/h-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-helper.js","sourceRoot":"","sources":["../../../../src/components/data/td-table/h-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EAGb,aAAa,EACd,MAAM,qBAAqB,CAAC;AAQ7B,MAAM,OAAO,SAAU,SAAQ,aAA6B;IAC1D,YAAY,SAAyB,EAAE;QACrC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAEQ,KAAK;QACZ,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE;YACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACzB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC;YACnD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAC9B,MAAM,YAAY,GAAG,CAAC,MAAkC,EAAE,EAAE;gBAC1D,MAAM,SAAS,GAAwB;oBACrC,GAAG,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,MAAM,CAAC,EAAE,EAAE;iBAChD,CAAA;gBACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAA;gBAC7C,IAAI,MAAM,EAAE,CAAC;oBACX,SAAS,CAAC,QAAQ,GAAG;wBACnB,KAAK,EAAE,GAAG,KAAK,IAAI;qBACpB,CAAA;oBACD,SAAS,CAAC,OAAO,GAAG;wBAClB,IAAI,EAAE,MAAM,CAAC,EAAE;wBACf,KAAK;qBACN,CAAA;gBACH,CAAC;qBAAM,CAAC;oBACN,SAAS,CAAC,OAAO,GAAG;wBAClB,IAAI,EAAE,MAAM,CAAC,EAAE;wBACf,KAAK;qBACN,CAAA;gBACH,CAAC;gBACD,OAAO,SAAS,CAAA;YAClB,CAAC,CAAA;YACD,OAAO,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QACnF,CAAC,CAAC,CAAA;IACJ,CAAC;CACF"}

package/dist/components/data/td-table/layout-observer.d.ts

@@ -0,0 +1,10 @@
+import type { TableLayout } from './table-layout';
+import { TdTable } from './td-table.class';
+import { DefaultRow } from './table/defaults';
+declare function useLayoutObserver<T extends DefaultRow>(root: TdTable<T>): {
+    tableLayout: TableLayout<T>;
+    onColumnsChange: (layout: TableLayout<T>) => void;
+    onScrollableChange: (layout: TableLayout<T>) => void;
+};
+export default useLayoutObserver;
+//# sourceMappingURL=layout-observer.d.ts.map

package/dist/components/data/td-table/layout-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-observer.d.ts","sourceRoot":"","sources":["../../../../src/components/data/td-table/layout-observer.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAkB,MAAM,kBAAkB,CAAC;AAE9D,iBAAS,iBAAiB,CAAC,CAAC,SAAS,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;;8BAuB9B,WAAW,CAAC,CAAC,CAAC;iCAoBX,WAAW,CAAC,CAAC,CAAC;EAoBnD;AAED,eAAe,iBAAiB,CAAA"}