@gzmjs/table 0.1.0

package/dist/055-table/00-base.d.ts

@@ -0,0 +1,127 @@
+import { TableCol } from './20-col';
+import { TableColGroup } from './22-colgroup';
+import { TableColCheckbox } from './51-check';
+/**
+ * Table 相关标签的层次结构
+ */
+export declare const tableViewTagName = "GZM-TABLE";
+export declare const tableListTagName = "GZM-TABLE-LIST";
+export declare const tableColStartTagName = "GZM-TABLE-COL-START";
+export declare const tableColHeadTagName = "GZM-TABLE-COL-HEAD";
+export declare const tableColMiddleTagName = "GZM-TABLE-COL-MIDDLE";
+export declare const tableColsTagName = "GZM-TABLE-COLS";
+export declare const tableColGroupTagName = "GZM-TABLE-COL-GROUP";
+export declare const tableColTagName = "GZM-TABLE-COL";
+export declare const tableColEndTagName = "GZM-TABLE-COL-END";
+export declare const tableColTailTagName = "GZM-TABLE-COL-TAIL";
+export declare const tableRowsTagName = "GZM-TABLE-ROWS";
+export declare const tableRowTagName = "GZM-TABLE-ROW";
+export declare const tableRowStartTagName = "GZM-TABLE-ROW-START";
+export declare const tableRowMiddleTagName = "GZM-TABLE-ROW-MIDDLE";
+export declare const tableRowEndTagName = "GZM-TABLE-ROW-END";
+export declare const tableCellTagName = "GZM-TABLE-CELL";
+export declare const tableAggsTagName = "GZM-TABLE-AGGS";
+export declare const tableAggStartTagName = "GZM-TABLE-AGG-START";
+export declare const tableAggMiddleTagName = "GZM-TABLE-AGG-MIDDLE";
+export declare const tableAggEndTagName = "GZM-TABLE-AGG-END";
+export declare const tableAggTagName = "GZM-TABLE-AGG";
+/**
+ * 列的宽度设置
+ */
+export declare const tableColWidthSetterTagName = "GZM-TABLE-COL-WIDTH-SETTER";
+export declare const tableColCheckTagName = "GZM-TABLE-COL-CHECK";
+export declare const tableRowCheckTagName = "GZM-TABLE-ROW-CHECK";
+export declare const tableColSerialTagName = "GZM-TABLE-COL-SERIAL";
+export declare const tableRowSerialTagName = "GZM-TABLE-ROW-SERIAL";
+export declare const tableColActionTagName = "GZM-TABLE-COL-ACTION";
+export declare const tableRowActionTagName = "GZM-TABLE-ROW-ACTION";
+export declare const tableColMenuTagName = "GZM-TABLE-COL-MENU";
+export declare const tableRowMenuTagName = "GZM-TABLE-ROW-MENU";
+export declare const styleSheet: CSSStyleSheet;
+export declare const texts: {
+    zh: {
+        readonly agg: "统计";
+        readonly noAgg: "无统计";
+        readonly sort: "行排序";
+        readonly noSort: "无排序";
+        readonly autoWidth: "自动宽度";
+        readonly minWidth: "最小宽度";
+        readonly maxWidth: "最大宽度";
+        readonly pxWidth: "指定宽度";
+        readonly textWrap: "文本换行";
+        readonly autoWrap: "自动换行";
+        readonly noWrap: "禁止换行";
+        readonly mustWrap: "强制换行";
+        readonly textAlign: "文本对齐";
+        readonly startAlign: "左对齐";
+        readonly endAlign: "右对齐";
+        readonly centerAlign: "居中对齐";
+        readonly justifyAlign: "两侧对齐";
+        readonly COUNT: "计数";
+        readonly MAX: "最大值";
+        readonly MIN: "最小值";
+        readonly AVG: "平均值";
+        readonly SUM: "合计";
+        readonly STDDEV_POP: "总体标准差";
+        readonly STDDEV_SAMP: "样本标准差";
+        readonly VAR_POP: "总体方差";
+        readonly VAR_SAMP: "样本方差";
+        readonly toggleCheck: "全选 / 全不选";
+    };
+};
+export declare function getTexts($ele: TableCol | TableColGroup | TableColCheckbox): {
+    readonly agg: string;
+    readonly noAgg: string;
+    readonly sort: string;
+    readonly noSort: string;
+    readonly autoWidth: string;
+    readonly minWidth: string;
+    readonly maxWidth: string;
+    readonly pxWidth: string;
+    readonly textWrap: string;
+    readonly autoWrap: string;
+    readonly noWrap: string;
+    readonly mustWrap: string;
+    readonly textAlign: string;
+    readonly startAlign: string;
+    readonly endAlign: string;
+    readonly centerAlign: string;
+    readonly justifyAlign: string;
+    readonly COUNT: string;
+    readonly MAX: string;
+    readonly MIN: string;
+    readonly AVG: string;
+    readonly SUM: string;
+    readonly STDDEV_POP: string;
+    readonly STDDEV_SAMP: string;
+    readonly VAR_POP: string;
+    readonly VAR_SAMP: string;
+    readonly toggleCheck: string;
+} & {
+    readonly close: string;
+    readonly true: string;
+    readonly false: string;
+    readonly undefined: string;
+    readonly default: string;
+    readonly valueMissing: string;
+    readonly count: string;
+    readonly min: string;
+    readonly max: string;
+    readonly sum: string;
+    readonly avg: string;
+    readonly hide: string;
+    readonly del: string;
+    readonly asc: string;
+    readonly desc: string;
+    readonly ok: string;
+    readonly cancel: string;
+    readonly waiting: string;
+    readonly confirming: (...args: unknown[]) => string;
+    readonly completed: string;
+    readonly error: string;
+    readonly attention: string;
+    readonly noMenuSet: string;
+    readonly readonly: string;
+} & {
+    bindHtmlElement: <P>(this: P, $ele: HTMLElement) => P;
+};

package/dist/055-table/05-colWidthSetter.d.ts

@@ -0,0 +1,13 @@
+import { tableColWidthSetterTagName } from './00-base';
+import { TableCol } from './20-col';
+declare class TableColWidthSetter extends HTMLElement {
+    #private;
+    get $range(): HTMLInputElement;
+    show($col: TableCol): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tableColWidthSetterTagName]: TableColWidthSetter;
+    }
+}
+export {};

package/dist/055-table/10-cell.d.ts

@@ -0,0 +1,14 @@
+import { TableRow } from './16-row';
+import * as TB from './00-base';
+export declare class TableCell extends HTMLElement {
+    /**
+     * 和 table-col.key 进行匹配
+     */
+    accessor colKey: string | undefined;
+    get $row(): TableRow | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableCellTagName]: TableCell;
+    }
+}

package/dist/055-table/16-row.d.ts

@@ -0,0 +1,31 @@
+import { AttributeHandlers } from '@gzmjs/ui-basic';
+import { handleModelEvent, ModelEvent, ViewModel, ViewElement } from '@gzmjs/mvvm';
+import { Snapshot } from './35-snapshot';
+import * as TB from './00-base';
+export interface TableRowOptions extends ViewModel<TableRow> {
+    data: object;
+    active?: boolean;
+    checked?: boolean;
+    afterActiveChanged?: ($row: TableRow) => void;
+}
+declare const mutableAttributes: readonly ["active"];
+export declare class TableRow extends ViewElement<TableRowOptions> implements AttributeHandlers<typeof mutableAttributes[number]> {
+    #private;
+    readonly $start: HTMLElement;
+    readonly $middle: HTMLElement;
+    readonly $end: HTMLElement;
+    setViewProperty(p: string, v: unknown): boolean;
+    connectedCallback(): void;
+    [handleModelEvent](source: unknown, evt: ModelEvent): boolean;
+    refresh(ss: Snapshot, refreshCellData?: boolean): void;
+    accessor active: boolean;
+    _active_set(): void;
+    get checked(): boolean;
+    set checked(v: boolean);
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableRowTagName]: TableRow;
+    }
+}
+export {};

package/dist/055-table/17-rows.d.ts

@@ -0,0 +1,21 @@
+import { Snapshot } from './35-snapshot';
+import * as M from '@gzmjs/mvvm';
+import * as TB from './00-base';
+import * as TR from './16-row';
+interface TableRowsOptions extends M.ViewListModel<TR.TableRowOptions, TR.TableRow, TableRows> {
+    tagName?: typeof TB.tableRowsTagName;
+}
+export declare class TableRows extends M.ViewListElement<TR.TableRowOptions, TR.TableRow, TableRowsOptions> {
+    protected _getViewItemTagName(): string;
+    [M.handleModelEvent](source: unknown, evt: M.ModelEvent): boolean;
+    /**
+     * 根据数据源排序
+     */
+    sortDataSource(ss: Snapshot): boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableRowsTagName]: TableRows;
+    }
+}
+export {};

package/dist/055-table/18-aggs.d.ts

@@ -0,0 +1,16 @@
+import { Snapshot } from './35-snapshot';
+import * as TB from './00-base';
+export declare class TableAggs extends HTMLElement {
+    constructor();
+    readonly $start: HTMLElement;
+    readonly $middle: HTMLElement;
+    readonly $end: HTMLElement;
+    get $grid(): HTMLElement | null;
+    connectedCallback(): void;
+    refresh(ss: Snapshot): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableAggsTagName]: TableAggs;
+    }
+}

package/dist/055-table/20-col.d.ts

@@ -0,0 +1,197 @@
+import { MiOptions } from '@gzmjs/menu';
+import { TableCell } from './10-cell';
+import * as B from '@gzmjs/ui-basic';
+import * as M from '@gzmjs/mvvm';
+export declare const sortAsc = "\u25B2";
+export declare const sortDesc = "\u25BC";
+declare const tableColSort: readonly ["", "▲", "▼"];
+export type TableColSort = typeof tableColSort[number];
+declare const tableColAlign: readonly ["start", "end", "center", "justify"];
+export type TableColAlign = typeof tableColAlign[number];
+export declare const TableColAggs: readonly ["count", "min", "max", "sum", "avg"];
+interface TableColumnBtn {
+    /**
+     * 应该是 unicode 字符，且同一列中必须唯一。
+     */
+    icon: string;
+    title: string;
+    onclick: ($col: TableCol, $btn: HTMLElement) => void;
+}
+export interface TableColOptions extends M.ViewModel<TableCol> {
+    label: string;
+    /**
+     * 分组，多级组用 / 分开
+     */
+    group?: string;
+    title?: string;
+    width?: string;
+    sort?: TableColSort;
+    align?: TableColAlign;
+    wrap?: boolean;
+    /**
+     * boolean 类型显示的内容
+     * listSource = createBoolTextList()
+     */
+    /**
+     * 定义了所有允许的聚合操作，如果不为空那么需要显示下拉菜单。
+     */
+    aggs?: string[];
+    /**
+     * 无论是否存在 aggs，都可以设置此属性。
+     */
+    agg?: string;
+    /**
+     * 控制是否显示默认菜单
+     */
+    noMenu?: boolean;
+    /**
+     * 列 label 之后的其他按钮
+     */
+    btns?: TableColumnBtn[];
+    /**
+     * 需要显示的字段
+     */
+    valueMember: M.ObjMember | string | string[];
+    listSource?: M.ListSource<object>;
+    /**
+     * 对单元格内容的干涉，$cell 中已经有了内容
+     */
+    setCellContent?: (ctx: {
+        $cell: TableCell;
+        $col: TableCol;
+        dataItem: object;
+        dataValue: M.ObjValue;
+    }) => void;
+    /**
+     * 列菜单显示之前，可以修改菜单项
+     */
+    beforeMenuShow?: (mis: MiOptions[], vm: TableColOptions) => void;
+}
+export declare function createBoolTextList(trueText: string, falseText: string): M.ListSource<{
+    v: boolean;
+    d: string;
+}>;
+declare const mutableAttributes: readonly ["key", "label", "width", "hidden", "sort", "agg", "align"];
+export declare class TableCol extends M.ViewElement<TableColOptions> implements B.AttributeHandlers<typeof mutableAttributes[number]> {
+    #private;
+    get $lbl(): HTMLElement;
+    /**
+     * $lbl 之后允许有多个按钮，最后两个是 agg 按钮和 menu 按钮，但有可能不生成。
+     * btns 按钮在 $lbl 和 agg 按钮之间
+     */
+    set btns(v: TableColumnBtn[]);
+    $btns?: HTMLElement[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get visible(): boolean;
+    /**
+     * 如果没有任何 group，那么每一列都应该调用 setRow(1)
+     */
+    setRow(start: number): void;
+    get valueMember(): M.ObjMember | undefined;
+    set valueMember(v: M.ObjMember | string | string[]);
+    set listSource(_: unknown);
+    createCell(dataItem: object): TableCell;
+    _setCellData($cell: TableCell, dataItem?: object): void;
+    accessor key: string | undefined;
+    _key_set(): void;
+    accessor label: string | undefined;
+    _label_set(nv: string | null): void;
+    accessor width: string;
+    _width_set(): void;
+    accessor sort: TableColSort;
+    _sort_set(): void;
+    get isAscSort(): boolean;
+    accessor align: TableColAlign;
+    _align_set(nv: string | null): void;
+    get wrap(): boolean | undefined;
+    set wrap(v: boolean | undefined);
+    _wrap_set(nv: boolean | undefined): void;
+    accessor agg: string | undefined;
+    _agg_set(): void;
+    _hidden_set(): void;
+    /**
+     * 这个元素由列生成，但是不会作为列的子元素
+     */
+    get $agg(): HTMLElement;
+    set aggValue(v: M.ObjValue);
+    $aggBtn?: HTMLElement;
+    /**
+     * model.aggs 中的属性设置，无需保存在成员中。只是检查按钮是否存在。
+     */
+    set aggs(v: string[] | undefined);
+    get $menuBtn(): HTMLElement;
+    get noMenu(): boolean;
+    set noMenu(b: boolean);
+    handleClick(e: MouseEvent): void;
+    get T(): {
+        readonly agg: string;
+        readonly noAgg: string;
+        readonly sort: string;
+        readonly noSort: string;
+        readonly autoWidth: string;
+        readonly minWidth: string;
+        readonly maxWidth: string;
+        readonly pxWidth: string;
+        readonly textWrap: string;
+        readonly autoWrap: string;
+        readonly noWrap: string;
+        readonly mustWrap: string;
+        readonly textAlign: string;
+        readonly startAlign: string;
+        readonly endAlign: string;
+        readonly centerAlign: string;
+        readonly justifyAlign: string;
+        readonly COUNT: string;
+        readonly MAX: string;
+        readonly MIN: string;
+        readonly AVG: string;
+        readonly SUM: string;
+        readonly STDDEV_POP: string;
+        readonly STDDEV_SAMP: string;
+        readonly VAR_POP: string;
+        readonly VAR_SAMP: string;
+        readonly toggleCheck: string;
+    } & {
+        readonly close: string;
+        readonly true: string;
+        readonly false: string;
+        readonly undefined: string;
+        readonly default: string;
+        readonly valueMissing: string;
+        readonly count: string;
+        readonly min: string;
+        readonly max: string;
+        readonly sum: string;
+        readonly avg: string;
+        readonly hide: string;
+        readonly del: string;
+        readonly asc: string;
+        readonly desc: string;
+        readonly ok: string;
+        readonly cancel: string;
+        readonly waiting: string;
+        readonly confirming: (...args: unknown[]) => string;
+        readonly completed: string;
+        readonly error: string;
+        readonly attention: string;
+        readonly noMenuSet: string;
+        readonly readonly: string;
+    } & {
+        bindHtmlElement: <P>(this: P, $ele: HTMLElement) => P;
+    };
+}
+export interface NoticeOfCol {
+    colAdd?: boolean;
+    colDel?: boolean;
+    colWidth?: boolean;
+    colSort?: boolean;
+    colAgg?: boolean;
+    colHide?: boolean;
+    colRefresh?: boolean;
+    $col: TableCol;
+}
+export interface ColNoticeReceiver {
+    notify: (msg: NoticeOfCol) => void;
+}
+export {};

package/dist/055-table/22-colgroup.d.ts

@@ -0,0 +1,112 @@
+import { TableCol, ColNoticeReceiver, NoticeOfCol } from './20-col';
+import * as B from '@gzmjs/ui-basic';
+import * as TB from './00-base';
+declare const mutableAttributes: readonly ["hidden"];
+export declare class TableColGroup extends HTMLElement implements ColNoticeReceiver, B.AttributeHandlers<typeof mutableAttributes[number]> {
+    #private;
+    constructor();
+    readonly $div: HTMLDivElement;
+    readonly $lbl: HTMLElement;
+    readonly $menu: HTMLElement;
+    /**
+     *
+     * @param {Number} start
+     * @returns 所有下级可见列的数量
+     */
+    setRow(start: number): number;
+    /**
+     * 只属于这个 group 的列
+     */
+    get $columns(): TableCol[];
+    /**
+     * 只属于这个 group 的下级 group
+     */
+    get $groups(): TableColGroup[];
+    /**
+     * 当前列组是否显示
+     */
+    get visible(): boolean;
+    /**
+     * 当直属于 table-cols，返回 1。
+     * grid-row-start 的值也是从 1 开始。
+     */
+    get tier(): number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    notify(n: NoticeOfColGroup | NoticeOfCol): void;
+    get label(): string;
+    set label(v: string);
+    _hidden_set(): void;
+    handleClick(e: MouseEvent): void;
+    get T(): {
+        readonly agg: string;
+        readonly noAgg: string;
+        readonly sort: string;
+        readonly noSort: string;
+        readonly autoWidth: string;
+        readonly minWidth: string;
+        readonly maxWidth: string;
+        readonly pxWidth: string;
+        readonly textWrap: string;
+        readonly autoWrap: string;
+        readonly noWrap: string;
+        readonly mustWrap: string;
+        readonly textAlign: string;
+        readonly startAlign: string;
+        readonly endAlign: string;
+        readonly centerAlign: string;
+        readonly justifyAlign: string;
+        readonly COUNT: string;
+        readonly MAX: string;
+        readonly MIN: string;
+        readonly AVG: string;
+        readonly SUM: string;
+        readonly STDDEV_POP: string;
+        readonly STDDEV_SAMP: string;
+        readonly VAR_POP: string;
+        readonly VAR_SAMP: string;
+        readonly toggleCheck: string;
+    } & {
+        readonly close: string;
+        readonly true: string;
+        readonly false: string;
+        readonly undefined: string;
+        readonly default: string;
+        readonly valueMissing: string;
+        readonly count: string;
+        readonly min: string;
+        readonly max: string;
+        readonly sum: string;
+        readonly avg: string;
+        readonly hide: string;
+        readonly del: string;
+        readonly asc: string;
+        readonly desc: string;
+        readonly ok: string;
+        readonly cancel: string;
+        readonly waiting: string;
+        readonly confirming: (...args: unknown[]) => string;
+        readonly completed: string;
+        readonly error: string;
+        readonly attention: string;
+        readonly noMenuSet: string;
+        readonly readonly: string;
+    } & {
+        bindHtmlElement: <P>(this: P, $ele: HTMLElement) => P;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableColGroupTagName]: TableColGroup;
+    }
+}
+export interface NoticeOfColGroup {
+    groupAdd?: boolean;
+    groupDel?: boolean;
+    groupHide?: boolean;
+    $group: TableColGroup;
+}
+export interface ColGroupNoticeReceiver extends HTMLElement {
+    notify: (msg: NoticeOfColGroup | NoticeOfCol) => void;
+}
+export {};

package/dist/055-table/25-cols.d.ts

@@ -0,0 +1,25 @@
+import * as M from '@gzmjs/mvvm';
+import * as TB from './00-base';
+import * as TC from './20-col';
+import * as TG from './22-colgroup';
+interface TcsOptions extends M.ViewListModel<TC.TableColOptions, TC.TableCol, TableCols> {
+    tagName?: typeof TB.tableColsTagName;
+}
+export declare class TableCols extends M.ViewGroupElement<TC.TableColOptions, TC.TableCol, TcsOptions> implements TG.ColGroupNoticeReceiver {
+    #private;
+    [M.handleModelEvent](source: unknown, evt: M.ModelEvent): boolean;
+    protected _getViewItemTagName(): string;
+    protected readonly groupElementTagName: string;
+    /**
+     * 同时还实现了生成 group 元素的功能
+     * 无需重写 _createGroupElement 和 _putGroupElement
+     */
+    protected _tryGetGroupElement(vm: TC.TableColOptions): HTMLElement | null;
+    notify(n: TC.NoticeOfCol | TG.NoticeOfColGroup): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableColsTagName]: TableCols;
+    }
+}
+export {};

package/dist/055-table/35-snapshot.d.ts

@@ -0,0 +1,34 @@
+import { TableList } from './60-list';
+import { TableRow } from './16-row';
+import { TableCol } from './20-col';
+import { TableColGroup } from './22-colgroup';
+import { TableColHeadOrTail } from './46-tht-options';
+export declare class Snapshot {
+    #private;
+    constructor($t: TableList);
+    $t: TableList;
+    get $startColumns(): TableCol[];
+    get $startColumnsVisible(): TableCol[];
+    get $middleColumns(): TableCol[];
+    get $middleColumnsVisible(): TableCol[];
+    get $endColumns(): TableCol[];
+    get $endColumnsVisible(): TableCol[];
+    get $columns(): TableCol[];
+    get $columnsVisible(): TableCol[];
+    get $columnsNeedAgg(): TableCol[];
+    get $columnsWantSort(): TableCol[];
+    get $columnHeads(): TableColHeadOrTail[];
+    get $columnHeadsVisible(): TableColHeadOrTail[];
+    get $columnTails(): TableColHeadOrTail[];
+    get $columnTailsVisible(): TableColHeadOrTail[];
+    get $rows(): TableRow[];
+    get $rowsActive(): TableRow[];
+    /**
+     * 顶层 column 和 group
+     */
+    get $visibleTopColumnsAndGroups(): (TableCol | TableColGroup)[];
+    /**
+     * 所有可见列所属的 group 的最大 level
+     */
+    get groupsMaxTier(): number;
+}

package/dist/055-table/46-tht-options.d.ts

@@ -0,0 +1,37 @@
+import { TableColCheckOptions } from './51-check';
+import { TableColSerialNoOptions } from './52-serial';
+import { TableColActionOptions } from './53-action';
+import { TableColMenuOptions } from './54-menu';
+import { TableRow } from './16-row';
+export type ThtOptions = TableColCheckOptions | TableColSerialNoOptions | TableColActionOptions | TableColMenuOptions;
+export interface NoticeOfHead {
+    headHide?: boolean;
+    headAdd?: boolean;
+    headDel?: boolean;
+    $head: TableColHeadOrTail;
+}
+export interface NoticeOfTail {
+    tailHide?: boolean;
+    tailAdd?: boolean;
+    tailDel?: boolean;
+    $tail: TableColHeadOrTail;
+}
+export interface TableHeadTailNoticeReceiver {
+    notify: (msg: NoticeOfHead | NoticeOfTail) => void;
+}
+export interface TableHeadTailBridge {
+    notifyHide: ($child: TableColHeadOrTail) => void;
+    notifyConnected: ($child: TableColHeadOrTail) => void;
+    notifyDisconnected: ($child: TableColHeadOrTail) => void;
+}
+export interface TableColHeadOrTail extends HTMLElement {
+    readonly $agg: HTMLElement;
+    readonly width: string;
+    readonly dataAware: boolean;
+    readonly visible: boolean;
+    readonly rowTagName: string;
+    createInRow(): HTMLElement;
+    refresh($row: TableRow, $headOrTail: HTMLElement | null): void;
+    findInRow<InRow extends HTMLElement>($row: TableRow): InRow | null;
+    getAllInRow<InRow extends HTMLElement>(): InRow[];
+}

package/dist/055-table/47-head-tail.d.ts

@@ -0,0 +1,27 @@
+import * as M from '@gzmjs/mvvm';
+import * as TR from './16-row';
+import * as THT from './46-tht-options';
+/**
+ * 这是一个基类
+ */
+export declare abstract class TableColHeadTailBase<T extends M.ViewModel<M.ViewElement<T>>> extends M.ViewElement<T> implements THT.TableColHeadOrTail {
+    #private;
+    protected _createUI(): void;
+    get $agg(): HTMLElement;
+    connectedCallback(): void;
+    $p?: HTMLElement & THT.TableHeadTailBridge;
+    disconnectedCallback(): void;
+    protected _clear(): void;
+    get width(): string;
+    get visible(): boolean;
+    get dataAware(): boolean;
+    _hidden_set(): void;
+    createInRow(): HTMLElement;
+    /**
+     * dataAware = true 时会被调用，由子类重写。
+     */
+    refresh($row: TR.TableRow, $headOrTail: HTMLElement | null): void;
+    findInRow<InRow extends HTMLElement>($row: TR.TableRow): InRow | null;
+    getAllInRow<InRow extends HTMLElement>(): InRow[];
+    abstract get rowTagName(): string;
+}

package/dist/055-table/48-col-head.d.ts

@@ -0,0 +1,20 @@
+import { TableColHeadTailBase } from './47-head-tail';
+import * as M from '@gzmjs/mvvm';
+import * as TB from './00-base';
+import * as THT from './46-tht-options';
+export interface TableColHeadOptions extends M.ViewListModel<THT.ThtOptions, TableColHeadTailBase<THT.ThtOptions>, TableColHead> {
+    tagName?: typeof TB.tableColHeadTagName;
+}
+export declare class TableColHead extends M.ViewListElement<THT.ThtOptions, TableColHeadTailBase<THT.ThtOptions>, TableColHeadOptions> implements THT.TableHeadTailBridge {
+    [M.handleModelEvent](source: unknown, evt: M.ModelEvent): boolean;
+    protected _getViewItemTagName(options: THT.ThtOptions): string;
+    get $list(): Element & THT.TableHeadTailNoticeReceiver | null;
+    notifyHide($child: THT.TableColHeadOrTail): void;
+    notifyConnected($child: THT.TableColHeadOrTail): void;
+    notifyDisconnected($child: THT.TableColHeadOrTail): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [TB.tableColHeadTagName]: TableColHead;
+    }
+}