ngx-tethys 20.0.1 → 20.0.3

package/native-table/index.d.ts

@@ -0,0 +1,305 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, ElementRef, InputSignal, AfterContentInit, QueryList, AfterViewInit, OnDestroy } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as ngx_tethys_table from 'ngx-tethys/table';
+import { ThyTableEmptyOptions, ThyPage } from 'ngx-tethys/table';
+import { SafeAny } from 'ngx-tethys/types';
+import { BehaviorSubject, Subject, Observable } from 'rxjs';
+
+type ThyNativeTableLayout = 'fixed' | 'auto';
+type ThyNativeTableSortOrder = 'default' | 'asc' | 'desc';
+type ThyNativeTableTheme = 'default' | 'bordered' | 'boxed';
+type ThyNativeTableSize = 'md' | 'sm' | 'xs' | 'lg' | 'xlg' | 'default';
+interface ThyNativeTableScroll {
+    x?: string | null;
+    y?: string | null;
+}
+
+declare class ThyNativeTableComponent<T = any> implements OnInit {
+    private tableElementRef;
+    private elementRef;
+    private cdr;
+    private styleService;
+    private destroyRef;
+    private updateHostClassService;
+    readonly thyTableLayout: _angular_core.InputSignal<ThyNativeTableLayout>;
+    readonly thySize: _angular_core.InputSignal<ThyNativeTableSize>;
+    readonly thyTheme: _angular_core.InputSignal<ThyNativeTableTheme>;
+    readonly thyData: _angular_core.InputSignal<readonly T[]>;
+    readonly thyShowPagination: _angular_core.InputSignal<boolean>;
+    readonly thyPageIndex: _angular_core.InputSignal<number>;
+    readonly thyPageSize: _angular_core.InputSignal<number>;
+    readonly thyPageTotal: _angular_core.InputSignal<number>;
+    readonly thyShowSizeChanger: _angular_core.InputSignal<boolean>;
+    readonly thyPageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly thyPageIndexChange: _angular_core.OutputEmitterRef<number>;
+    readonly thyPageSizeChange: _angular_core.OutputEmitterRef<number>;
+    readonly thyScroll: _angular_core.InputSignal<ThyNativeTableScroll>;
+    readonly thyEmptyOptions: _angular_core.InputSignal<ThyTableEmptyOptions>;
+    /** data for ngFor tr */
+    data: _angular_core.Signal<readonly T[]>;
+    theadTemplate: _angular_core.WritableSignal<TemplateRef<any> | null>;
+    listOfManualColWidth: _angular_core.WritableSignal<readonly (string | null)[]>;
+    pagination: _angular_core.Signal<ThyPage | null>;
+    defaultPagination: {
+        index: number;
+        size: number;
+        sizeOptions: number[];
+    };
+    scrollX: _angular_core.Signal<string | null>;
+    scrollY: _angular_core.Signal<string | null>;
+    constructor(tableElementRef: ElementRef);
+    ngOnInit(): void;
+    private setNativeTableClass;
+    onPageIndexChange(event: number): void;
+    onPageSizeChange(event: number): void;
+    private updateTableClass;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableComponent<any>, "thy-native-table", ["thyNativeTable"], { "thyTableLayout": { "alias": "thyTableLayout"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyData": { "alias": "thyData"; "required": false; "isSignal": true; }; "thyShowPagination": { "alias": "thyShowPagination"; "required": false; "isSignal": true; }; "thyPageIndex": { "alias": "thyPageIndex"; "required": false; "isSignal": true; }; "thyPageSize": { "alias": "thyPageSize"; "required": false; "isSignal": true; }; "thyPageTotal": { "alias": "thyPageTotal"; "required": false; "isSignal": true; }; "thyShowSizeChanger": { "alias": "thyShowSizeChanger"; "required": false; "isSignal": true; }; "thyPageSizeOptions": { "alias": "thyPageSizeOptions"; "required": false; "isSignal": true; }; "thyScroll": { "alias": "thyScroll"; "required": false; "isSignal": true; }; "thyEmptyOptions": { "alias": "thyEmptyOptions"; "required": false; "isSignal": true; }; }, { "thyPageIndexChange": "thyPageIndexChange"; "thyPageSizeChange": "thyPageSizeChange"; }, never, ["*"], true, never>;
+}
+
+declare class ThyNativeTableInnerScrollComponent<T = SafeAny> {
+    readonly data: _angular_core.InputSignal<readonly T[]>;
+    readonly scrollX: _angular_core.InputSignal<string | null>;
+    readonly scrollY: _angular_core.InputSignal<string | null>;
+    readonly contentTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly widthConfig: _angular_core.InputSignal<string[]>;
+    readonly listOfColWidth: _angular_core.InputSignal<readonly (string | null)[]>;
+    readonly theadTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly tfootTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableInnerScrollComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableInnerScrollComponent<any>, "thy-native-table-inner-scroll", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "scrollX": { "alias": "scrollX"; "required": false; "isSignal": true; }; "scrollY": { "alias": "scrollY"; "required": false; "isSignal": true; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; "isSignal": true; }; "widthConfig": { "alias": "widthConfig"; "required": false; "isSignal": true; }; "listOfColWidth": { "alias": "listOfColWidth"; "required": false; "isSignal": true; }; "theadTemplate": { "alias": "theadTemplate"; "required": false; "isSignal": true; }; "tfootTemplate": { "alias": "tfootTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableInnerDefaultComponent implements OnInit {
+    readonly tableLayout: _angular_core.InputSignal<ThyNativeTableLayout>;
+    readonly listOfColWidth: _angular_core.InputSignal<readonly (string | null)[]>;
+    readonly theadTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly contentTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly tfootTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableInnerDefaultComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableInnerDefaultComponent, "thy-native-table-inner-default", never, { "tableLayout": { "alias": "tableLayout"; "required": false; "isSignal": true; }; "listOfColWidth": { "alias": "listOfColWidth"; "required": false; "isSignal": true; }; "theadTemplate": { "alias": "theadTemplate"; "required": false; "isSignal": true; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; "isSignal": true; }; "tfootTemplate": { "alias": "tfootTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableBodyComponent {
+    private styleService;
+    isInsideNativeTable: boolean;
+    showEmpty: _angular_core.Signal<boolean>;
+    emptyOptions: _angular_core.Signal<ngx_tethys_table.ThyTableEmptyOptions | null>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableBodyComponent, "tbody", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface ThyNativeTableThInfo {
+    thyWidth?: InputSignal<string | number | null>;
+    colspan?: number | string | null;
+    colSpan?: number | string | null;
+}
+declare class ThyNativeTableStyleService {
+    theadTemplate: _angular_core.WritableSignal<TemplateRef<any> | null>;
+    columnCount: _angular_core.WritableSignal<number>;
+    tableSize: _angular_core.WritableSignal<ThyNativeTableSize>;
+    tableTheme: _angular_core.WritableSignal<ThyNativeTableTheme>;
+    showEmpty: _angular_core.WritableSignal<boolean>;
+    emptyOptions: _angular_core.WritableSignal<ThyTableEmptyOptions | null>;
+    listOfThWidthConfigPx$: BehaviorSubject<readonly (string | null)[]>;
+    setTheadTemplate(template: TemplateRef<any>): void;
+    setTableSize(size: ThyNativeTableSize): void;
+    setTableTheme(theme: ThyNativeTableTheme): void;
+    setShowEmpty(showEmpty: boolean): void;
+    setEmptyOptions(emptyOptions: ThyTableEmptyOptions): void;
+    setListOfTh(listOfTh: readonly ThyNativeTableThDirective[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableStyleService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyNativeTableStyleService>;
+}
+
+declare class ThyNativeTableThDirective implements ThyNativeTableThInfo {
+    private renderer;
+    private el;
+    changes$: Subject<void>;
+    readonly thyWidth: _angular_core.InputSignal<string | number | null>;
+    readonly thyColspan: _angular_core.InputSignal<string | number | null>;
+    readonly thyColSpan: _angular_core.InputSignal<string | number | null>;
+    readonly thyRowspan: _angular_core.InputSignal<string | number | null>;
+    readonly thyRowSpan: _angular_core.InputSignal<string | number | null>;
+    get colspan(): number | string | null;
+    get colSpan(): number | string | null;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableThDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableThDirective, "th", never, { "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyColspan": { "alias": "thyColspan"; "required": false; "isSignal": true; }; "thyColSpan": { "alias": "thyColSpan"; "required": false; "isSignal": true; }; "thyRowspan": { "alias": "thyRowspan"; "required": false; "isSignal": true; }; "thyRowSpan": { "alias": "thyRowSpan"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableTrDirective implements AfterContentInit {
+    private destroyRef;
+    private styleService;
+    listOfThDirective: QueryList<ThyNativeTableThDirective>;
+    private listOfColumns$;
+    listOfColumnsChanges$: Observable<ThyNativeTableThDirective[]>;
+    isInsideNativeTable: boolean;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableTrDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableTrDirective, "tr:not([thyNativeTableMeasureRow]):not([thyNativeTableFixedRow])", never, {}, {}, ["listOfThDirective"], never, true, never>;
+}
+
+declare class ThyNativeTableHeaderComponent implements AfterContentInit, AfterViewInit, OnInit {
+    private styleService;
+    private destroyRef;
+    private el;
+    private renderer;
+    isInsideNativeTable: boolean;
+    templateRef: TemplateRef<any>;
+    listOfTrDirective: QueryList<ThyNativeTableTrDirective>;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableHeaderComponent, "thead:not(.thy-native-table-thead)", never, {}, {}, ["listOfTrDirective"], ["*"], true, never>;
+}
+
+declare class ThyNativeTableCellDirective {
+    isInsideTable: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableCellDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableCellDirective, "th, td", never, {}, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableTdSelectionComponent<T> implements OnInit {
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyCellCheckbox: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyCellChecked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyIndeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyCheckedChange: _angular_core.OutputEmitterRef<boolean>;
+    ngOnInit(): void;
+    onCheckedChange(checked: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableTdSelectionComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableTdSelectionComponent<any>, "td[thyCellChecked],td[thyCellCheckbox]", never, { "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; "thyCellCheckbox": { "alias": "thyCellCheckbox"; "required": false; "isSignal": true; }; "thyCellChecked": { "alias": "thyCellChecked"; "required": false; "isSignal": true; }; "thyIndeterminate": { "alias": "thyIndeterminate"; "required": false; "isSignal": true; }; }, { "thyCheckedChange": "thyCheckedChange"; }, never, ["*"], true, never>;
+}
+
+declare class ThyNativeTableThSelectionComponent<T> implements OnInit {
+    readonly thyHeaderCellCheckbox: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyHeaderCellChecked: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyIndeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyCheckedChange: _angular_core.OutputEmitterRef<boolean>;
+    constructor();
+    ngOnInit(): void;
+    onCheckedChange(checked: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableThSelectionComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableThSelectionComponent<any>, "th[thyHeaderCellChecked],th[thyHeaderCellCheckbox]", never, { "thyHeaderCellCheckbox": { "alias": "thyHeaderCellCheckbox"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; "isSignal": true; }; "thyHeaderCellChecked": { "alias": "thyHeaderCellChecked"; "required": false; "isSignal": true; }; "thyIndeterminate": { "alias": "thyIndeterminate"; "required": false; "isSignal": true; }; }, { "thyCheckedChange": "thyCheckedChange"; }, never, never, true, never>;
+}
+
+declare class ThyNativeTableThSortComponent implements OnInit {
+    readonly thyHeaderCellSortable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thySortOrder: _angular_core.InputSignal<ThyNativeTableSortOrder | null>;
+    readonly thySortDirections: _angular_core.InputSignal<ThyNativeTableSortOrder[]>;
+    readonly sortTriggerTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly thySortOrderChange: _angular_core.OutputEmitterRef<string | null>;
+    currentSortOrder: _angular_core.WritableSignal<ThyNativeTableSortOrder | null>;
+    isUp: _angular_core.Signal<boolean>;
+    isDown: _angular_core.Signal<boolean>;
+    setSortOrder(order: ThyNativeTableSortOrder): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableThSortComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableThSortComponent, "th[thyHeaderCellSortable]", never, { "thyHeaderCellSortable": { "alias": "thyHeaderCellSortable"; "required": false; "isSignal": true; }; "thySortOrder": { "alias": "thySortOrder"; "required": false; "isSignal": true; }; "thySortDirections": { "alias": "thySortDirections"; "required": false; "isSignal": true; }; "sortTriggerTemplate": { "alias": "sortTriggerTemplate"; "required": false; "isSignal": true; }; }, { "thySortOrderChange": "thySortOrderChange"; }, never, ["*"], true, never>;
+}
+
+declare const THY_NATIVE_TABLE_CELL_SELECTOR = ".thy-native-table-cell-edit";
+declare const THY_NATIVE_TABLE_EDIT_PANE_SELECTOR = ".thy-native-table-popover-edit";
+declare const THY_NATIVE_TABLE_EDIT_OPEN_SELECTOR = "[thyEditOpen]";
+declare enum ThyNativeTableEditTrigger {
+    CLICK = "click",
+    DBLCLICK = "dblclick"
+}
+
+declare class ThyNativeTableEditableDirective implements AfterViewInit {
+    private elementRef;
+    private ngZone;
+    private destroyRef;
+    private dispatcher;
+    thyEditTrigger: _angular_core.InputSignal<ThyNativeTableEditTrigger>;
+    ngAfterViewInit(): void;
+    private listenForEditEvents;
+    private handleClickEdit;
+    private handelEnterEvent;
+    private handleClickOutside;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableEditableDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableEditableDirective, "thy-native-table[thyEditable]", never, { "thyEditTrigger": { "alias": "thyEditTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableTdEditCloseDirective {
+    private editRef;
+    private elementRef;
+    private destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableTdEditCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableTdEditCloseDirective, "[thyEditClose]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableTdEditOpenDirective {
+    readonly elementRef: ElementRef<any>;
+    private dispatcher;
+    private destroyRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableTdEditOpenDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableTdEditOpenDirective, "[thyEditOpen]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableTdPopoverEditDirective implements AfterViewInit, OnDestroy {
+    private elementRef;
+    private viewContainerRef;
+    private popover;
+    private dispatcher;
+    private destroyRef;
+    editTemplate: TemplateRef<any>;
+    private popoverRef?;
+    private focusoutUnsubscribe?;
+    ngAfterViewInit(): void;
+    private openPopover;
+    private listenFocusout;
+    private closePopover;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableTdPopoverEditDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyNativeTableTdPopoverEditDirective, "td[thyCellPopoverEdit]", never, { "editTemplate": { "alias": "thyCellPopoverEdit"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ThyNativeTableModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyNativeTableModule, never, [typeof i1.CommonModule, typeof ThyNativeTableComponent, typeof ThyNativeTableInnerScrollComponent, typeof ThyNativeTableInnerDefaultComponent, typeof ThyNativeTableBodyComponent, typeof ThyNativeTableHeaderComponent, typeof ThyNativeTableTrDirective, typeof ThyNativeTableCellDirective, typeof ThyNativeTableThDirective, typeof ThyNativeTableTdSelectionComponent, typeof ThyNativeTableThSelectionComponent, typeof ThyNativeTableThSortComponent, typeof ThyNativeTableEditableDirective, typeof ThyNativeTableTdEditCloseDirective, typeof ThyNativeTableTdEditOpenDirective, typeof ThyNativeTableTdPopoverEditDirective], [typeof ThyNativeTableComponent, typeof ThyNativeTableInnerScrollComponent, typeof ThyNativeTableInnerDefaultComponent, typeof ThyNativeTableBodyComponent, typeof ThyNativeTableHeaderComponent, typeof ThyNativeTableTrDirective, typeof ThyNativeTableCellDirective, typeof ThyNativeTableThDirective, typeof ThyNativeTableTdSelectionComponent, typeof ThyNativeTableThSelectionComponent, typeof ThyNativeTableThSortComponent, typeof ThyNativeTableEditableDirective, typeof ThyNativeTableTdEditCloseDirective, typeof ThyNativeTableTdEditOpenDirective, typeof ThyNativeTableTdPopoverEditDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyNativeTableModule>;
+}
+
+declare class ThyNativeTableContentComponent {
+    readonly tableLayout: _angular_core.InputSignal<ThyNativeTableLayout>;
+    readonly theadTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly contentTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly tfootTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    readonly listOfColWidth: _angular_core.InputSignal<readonly (string | null)[]>;
+    readonly scrollX: _angular_core.InputSignal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyNativeTableContentComponent, "table[thy-native-table-content]", never, { "tableLayout": { "alias": "tableLayout"; "required": false; "isSignal": true; }; "theadTemplate": { "alias": "theadTemplate"; "required": false; "isSignal": true; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; "isSignal": true; }; "tfootTemplate": { "alias": "tfootTemplate"; "required": false; "isSignal": true; }; "listOfColWidth": { "alias": "listOfColWidth"; "required": false; "isSignal": true; }; "scrollX": { "alias": "scrollX"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class ThyNativeTableEditEventDispatcher {
+    private editing;
+    private currentEditingCell;
+    readonly editing$: Observable<HTMLElement | null>;
+    editingCell(element: HTMLElement): Observable<boolean>;
+    startEditing(cell: HTMLElement): void;
+    stopEditing(): void;
+    getCurrentEditingCell(): HTMLElement | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableEditEventDispatcher, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyNativeTableEditEventDispatcher>;
+}
+
+declare class ThyNativeTableEditRef {
+    private dispatcher;
+    private afterClosedSubject;
+    readonly afterClosed: Observable<void>;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyNativeTableEditRef, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThyNativeTableEditRef>;
+}
+
+export { THY_NATIVE_TABLE_CELL_SELECTOR, THY_NATIVE_TABLE_EDIT_OPEN_SELECTOR, THY_NATIVE_TABLE_EDIT_PANE_SELECTOR, ThyNativeTableBodyComponent, ThyNativeTableCellDirective, ThyNativeTableComponent, ThyNativeTableContentComponent, ThyNativeTableEditEventDispatcher, ThyNativeTableEditRef, ThyNativeTableEditTrigger, ThyNativeTableEditableDirective, ThyNativeTableHeaderComponent, ThyNativeTableInnerDefaultComponent, ThyNativeTableInnerScrollComponent, ThyNativeTableModule, ThyNativeTableStyleService, ThyNativeTableTdEditCloseDirective, ThyNativeTableTdEditOpenDirective, ThyNativeTableTdPopoverEditDirective, ThyNativeTableTdSelectionComponent, ThyNativeTableThDirective, ThyNativeTableThSelectionComponent, ThyNativeTableThSortComponent, ThyNativeTableTrDirective };
+export type { ThyNativeTableLayout, ThyNativeTableScroll, ThyNativeTableSize, ThyNativeTableSortOrder, ThyNativeTableThInfo, ThyNativeTableTheme };

package/native-table/styles/native-table.scss

@@ -0,0 +1,174 @@
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/utilities';
+@use '../../styles/variables';
+@use '../../styles/mixins/tables';
+
+.thy-native-table {
+    width: 100%;
+    max-width: 100%;
+    color: variables.$table-color;
+    background-color: variables.$table-bg;
+
+    th,
+    td {
+        padding: variables.$table-default-header-cell-padding;
+        vertical-align: middle;
+        border-bottom: variables.$table-border-width solid variables.$table-border-color;
+    }
+
+    tbody tr {
+        &.clear-hover {
+            cursor: default !important;
+            box-shadow: initial !important;
+            background-color: transparent !important;
+
+            td {
+                border-bottom: 0;
+            }
+        }
+    }
+
+    @include tables.table-size(
+        variables.$table-cell-height,
+        variables.$table-cell-height,
+        variables.$table-header-padding,
+        variables.$table-cell-padding
+    );
+
+    .thy-native-table {
+        background-color: bootstrap-variables.$body-bg;
+    }
+    .thy-native-table-content {
+        width: 100%;
+    }
+    .thy-table-pagination {
+        padding: 0 20px;
+        margin-top: 1.25rem;
+    }
+}
+
+.native-table-default {
+    @include tables.table-set-header(
+        left,
+        bottom,
+        400,
+        variables.$table-border-width,
+        transparent,
+        variables.$table-border-color,
+        variables.$table-default-header-color,
+        variables.$table-default-header-padding
+    );
+}
+
+.native-table-bordered {
+    border: variables.$table-border-width solid variables.$table-border-color;
+
+    th,
+    td {
+        border: variables.$table-border-width solid variables.$table-border-color;
+    }
+
+    &:has(+ .thy-table-skeleton) > thead {
+        // 有骨架屏去掉 thead 的 border-bottom，否则会和 table 的边框重叠加粗
+        tr th {
+            border-bottom: 0;
+        }
+    }
+
+    @include tables.table-set-header(
+        center,
+        middle,
+        400,
+        variables.$table-border-width,
+        variables.$table-bordered-bg,
+        variables.$table-border-color,
+        variables.$table-bordered-header-color,
+        0
+    );
+}
+
+.native-table-boxed {
+    border: variables.$table-border-width solid variables.$table-border-color;
+
+    tbody {
+        // 最后一行去掉 border-bottom，否则会和 table 的边框重叠加粗
+        tr:last-child {
+            td {
+                border-bottom: 0px;
+            }
+        }
+    }
+
+    &:has(+ .thy-table-skeleton) {
+        // 有骨架屏 给table只设置上左边框的border-radius
+        border-radius: 0 !important;
+        border-top-left-radius: variables.$border-radius !important;
+    }
+
+    &:has(+ .thy-table-skeleton) > thead {
+        // 有骨架屏去掉 thead 的 border-bottom，否则会和 table 的边框重叠加粗
+        tr th {
+            border-bottom: 0;
+        }
+    }
+
+    @include tables.table-set-header(
+        left,
+        middle,
+        400,
+        variables.$table-border-width,
+        variables.$table-bordered-bg,
+        variables.$table-border-color,
+        variables.$table-bordered-header-color,
+        0
+    );
+}
+
+.native-table-xlg {
+    @include tables.table-size(
+        variables.$table-cell-height-xlg,
+        variables.$table-cell-height-xlg,
+        variables.$table-header-padding-xlg,
+        variables.$table-cell-padding-xlg
+    );
+}
+
+.native-table-lg {
+    @include tables.table-size(
+        variables.$table-cell-height-lg,
+        variables.$table-cell-height-lg,
+        variables.$table-header-padding-lg,
+        variables.$table-cell-padding-lg
+    );
+}
+
+.native-table-md {
+    @include tables.table-size(
+        variables.$table-cell-height,
+        variables.$table-cell-height,
+        variables.$table-header-padding,
+        variables.$table-cell-padding
+    );
+}
+
+.native-table-sm {
+    @include tables.table-size(
+        variables.$table-cell-height-sm,
+        variables.$table-cell-height-sm,
+        variables.$table-header-padding-sm,
+        variables.$table-cell-padding-sm
+    );
+}
+
+.native-table-xs {
+    @include tables.table-size(
+        variables.$table-cell-height-xs,
+        variables.$table-cell-height-xs,
+        variables.$table-header-padding-xs,
+        variables.$table-cell-padding-xs
+    );
+}
+
+.table-fixed {
+    table-layout: fixed;
+}

package/nav/index.d.ts

@@ -47,7 +47,7 @@ declare class ThyNavItemDirective implements AfterViewInit {
     /**
      * 唯一标识
      */
-    id: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string | undefined>;
     /**
      * 是否激活状态
      * @default false
@@ -98,7 +98,7 @@ declare class ThyNavItemDirective implements AfterViewInit {
 declare class ThyNavInkBarDirective {
     private elementRef;
     private ngZone;
-    animationMode?: "NoopAnimations" | "BrowserAnimations";
+    animationMode?: "NoopAnimations" | "BrowserAnimations" | null | undefined;
     readonly isVertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showInkBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly animated: _angular_core.Signal<boolean>;
@@ -136,7 +136,7 @@ declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterCo
         top: number;
     };
     hiddenItems: ThyNavItemDirective[];
-    moreActive: boolean;
+    moreActive?: boolean;
     readonly showMore: WritableSignal<boolean>;
     private moreBtnOffset;
     private hostRenderer;
@@ -147,7 +147,7 @@ declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterCo
      * @type pulled | tabs | pills | lite | primary | secondary | thirdly | secondary-divider
      * @default pulled
      */
-    readonly thyType: _angular_core.InputSignal<ThyNavType>;
+    readonly thyType: _angular_core.InputSignal<ThyNavType | undefined>;
     /**
      * 导航大小
      * @type lg | md | sm
@@ -173,7 +173,7 @@ declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterCo
      * 是否响应式，自动计算宽度存放 thyNavItem，并添加更多弹框
      * @default false
      */
-    readonly thyResponsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly thyResponsive: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * 支持暂停自适应计算
      */
@@ -187,12 +187,12 @@ declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterCo
      * 更多菜单弹出框的参数，底层使用 Popover 组件
      * @type ThyPopoverConfig
      */
-    thyPopoverOptions: _angular_core.InputSignal<ThyPopoverConfig<unknown>>;
+    thyPopoverOptions: _angular_core.InputSignal<ThyPopoverConfig<unknown> | null>;
     /**
      * 右侧额外区域模板
      * @type TemplateRef
      */
-    readonly thyExtra: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly thyExtra: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
     /**
      * @private
      */
@@ -206,24 +206,24 @@ declare class ThyNav implements OnInit, AfterViewInit, AfterContentInit, AfterCo
      * 响应式模式下更多操作模板
      * @type TemplateRef
      */
-    readonly moreOperation: Signal<TemplateRef<unknown>>;
+    readonly moreOperation: Signal<TemplateRef<unknown> | undefined>;
     /**
      * 响应式模式下更多弹框模板
      * @type TemplateRef
      */
-    readonly morePopover: Signal<TemplateRef<unknown>>;
+    readonly morePopover: Signal<TemplateRef<unknown> | undefined>;
     /**
      * 右侧额外区域模板，支持 thyExtra 传参和 <ng-template #extra></ng-template> 模板
      * @name extra
      * @type TemplateRef
      */
-    readonly extra: Signal<TemplateRef<unknown>>;
-    readonly defaultMoreOperation: Signal<ElementRef<HTMLAnchorElement>>;
+    readonly extra: Signal<TemplateRef<unknown> | undefined>;
+    readonly defaultMoreOperation: Signal<ElementRef<HTMLAnchorElement> | undefined>;
     readonly inkBar: Signal<ThyNavInkBarDirective>;
     readonly horizontal: Signal<string>;
     get showInkBar(): boolean;
     private updateClasses;
-    private curActiveIndex;
+    private curActiveIndex?;
     private prevActiveIndex;
     private navSubscription;
     readonly type: Signal<ThyNavType>;

package/notify/index.d.ts

@@ -99,7 +99,7 @@ declare class ThyNotifyContainer extends ThyAbstractMessageContainerComponent {
  * @private
  */
 declare class ThyNotify extends ThyAbstractMessageComponent<ThyNotifyConfig> {
-    animationState: string;
+    animationState?: string;
     extendContentClass: i0.WritableSignal<boolean>;
     isShowDetail: i0.WritableSignal<boolean>;
     readonly contentIsString: i0.Signal<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "20.0.1",
+  "version": "20.0.3",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"
@@ -206,6 +206,10 @@
       "types": "./message/index.d.ts",
       "default": "./fesm2022/ngx-tethys-message.mjs"
     },
+    "./native-table": {
+      "types": "./native-table/index.d.ts",
+      "default": "./fesm2022/ngx-tethys-native-table.mjs"
+    },
     "./nav": {
       "types": "./nav/index.d.ts",
       "default": "./fesm2022/ngx-tethys-nav.mjs"