@ng-nest/ui 14.0.4 → 14.0.7

package/list/list.component.d.ts

@@ -5,6 +5,7 @@ import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { XListOptionComponent } from './list-option.component';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { XI18nList, XI18nService } from '@ng-nest/ui/i18n';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 export declare class XListComponent extends XListProperty implements OnInit, OnChanges {
     renderer: Renderer2;
@@ -14,24 +15,40 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     private i18n;
     nodes: XListNode[];
     selectedNodes: XListNode[];
+    headerRef: ElementRef;
+    footerRef: ElementRef;
+    selectAllRef: ElementRef;
+    loadMoreRef: ElementRef;
+    virtualBody: CdkVirtualScrollViewport;
     listItems: ElementRef;
     options: QueryList<XListOptionComponent>;
     keyManager: ActiveDescendantKeyManager<XListOptionComponent>;
     isSelectAll: boolean;
     locale: XI18nList;
+    loadMoreIndex: number;
+    icon: string;
+    iconSpin: boolean;
+    private _resizeObserver;
     role: string;
     tabindex: number;
     keydown($event: KeyboardEvent): void;
+    itemSizeMap: {
+        [key: string]: number;
+    };
+    get getItemSize(): number;
     get isEmpty(): boolean;
     get getSelectAllText(): string | undefined;
+    get getLoadMoreText(): string | undefined;
+    get getLoadingMoreText(): string | undefined;
+    get getVirtualScrollHeight(): number;
     writeValue(value: any): void;
     private _unSubject;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, elementRef: ElementRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    private setVirtualScrollHeight;
     private setData;
     private initKeyManager;
     setScorllTop(_num: number): void;
@@ -42,6 +59,7 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     onMouseleave(event: Event, node: XListNode): void;
     dropCdk(event: CdkDragDrop<XListNode[]>): void;
     onSelectAllNodes(): void;
+    onLoadMore(): void;
     trackByNode(_index: number, item: XListNode): any;
     setUnActive(num: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListComponent, never>;

package/list/list.module.d.ts

@@ -11,8 +11,9 @@ import * as i9 from "@ng-nest/ui/empty";
 import * as i10 from "@ng-nest/ui/base-form";
 import * as i11 from "@ng-nest/ui/i18n";
 import * as i12 from "@ng-nest/ui/outlet";
+import * as i13 from "@angular/cdk/scrolling";
 export declare class XListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XListModule, [typeof i1.XListComponent, typeof i2.XListOptionComponent, typeof i3.XListProperty, typeof i3.XListOptionProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.DragDropModule, typeof i7.A11yModule, typeof i8.XIconModule, typeof i9.XEmptyModule, typeof i10.XBaseFormModule, typeof i11.XI18nModule, typeof i12.XOutletModule], [typeof i1.XListComponent, typeof i2.XListOptionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XListModule, [typeof i1.XListComponent, typeof i2.XListOptionComponent, typeof i3.XListProperty, typeof i3.XListOptionProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.DragDropModule, typeof i7.A11yModule, typeof i8.XIconModule, typeof i9.XEmptyModule, typeof i10.XBaseFormModule, typeof i11.XI18nModule, typeof i12.XOutletModule, typeof i13.ScrollingModule], [typeof i1.XListComponent, typeof i2.XListOptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XListModule>;
 }

package/list/list.property.d.ts

@@ -1,5 +1,5 @@
 import { XData, XParentIdentityProperty, XNumber, XBoolean, XTemplate, XSize } from '@ng-nest/ui/core';
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef, ElementRef } from '@angular/core';
 import { XControlValueAccessor } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 /**
@@ -30,6 +30,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
     /**
      * @zh_CN 全选的文字
      * @en_US Selected all text
+     * @default '全选'
      */
     selectAllText?: string;
     /**
@@ -72,6 +73,48 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      * @en_US Size
      */
     size: XSize;
+    /**
+     * @zh_CN 加载更多
+     * @en_US load more
+     */
+    loadMore: XBoolean;
+    /**
+     * @zh_CN 加载更多的文字
+     * @en_US Load more text
+     * @default '加载更多'
+     */
+    loadMoreText?: string;
+    /**
+     * @zh_CN 正在加载中的文字
+     * @en_US Loading
+     * @default '正在加载中'
+     */
+    loadingMoreText?: string;
+    /**
+     * @zh_CN 开启虚拟滚动，不支持节点拖动功能
+     * @en_US Turn on virtual scrolling
+     */
+    virtualScroll: XBoolean;
+    /**
+     * @zh_CN 虚拟滚动高度, 实际会去掉头尾、全选、更多的高度
+     * @en_US The virtual rolling height will actually remove the head and end, the full selection, more height
+     */
+    scrollHeight: XNumber;
+    /**
+     * @zh_CN 虚拟滚动高度自适应指定元素
+     * @en_US virtual rolling height follows the specified object
+     */
+    heightAdaption: ElementRef<HTMLElement> | HTMLElement;
+    /**
+     * @zh_CN 超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数
+     * @en_US Exceed the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
+     */
+    minBufferPx: number;
+    /**
+     * @zh_CN 渲染新数据缓冲区的像素，对应 cdk scroll 中的参数
+     * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
+     */
+    maxBufferPx: number;
     /**
      * @zh_CN Full event
      * @en_US 全选事件
@@ -92,6 +135,11 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      * @en_US Node click event
      */
     nodeClick: EventEmitter<XListNode>;
+    /**
+     * @zh_CN 拖动结束事件
+     * @en_US Drag the end
+     */
+    dropListDropped: EventEmitter<XListDragDrop>;
     /**
      * @zh_CN Tab out 事件
      * @en_US Tab Out event
@@ -103,7 +151,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      */
     keyManagerChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; "loadMore": "loadMore"; "loadMoreText": "loadMoreText"; "loadingMoreText": "loadingMoreText"; "virtualScroll": "virtualScroll"; "scrollHeight": "scrollHeight"; "heightAdaption": "heightAdaption"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "dropListDropped": "dropListDropped"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
 }
 /**
  * @zh_CN List 数据对象
@@ -209,3 +257,12 @@ export declare class XListOptionProperty {
     static ɵfac: i0.ɵɵFactoryDeclaration<XListOptionProperty, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XListOptionProperty, "ng-component", never, { "node": "node"; "checked": "checked"; "nodeTpl": "nodeTpl"; "selected": "selected"; "disabled": "disabled"; "active": "active"; "icon": "icon"; "divided": "divided"; "label": "label"; "leaf": "leaf"; "size": "size"; }, { "activeChange": "activeChange"; }, never, never, false>;
 }
+/**
+ * @zh_CN 拖动相关的数据
+ * @en_US Drag related data
+ */
+export declare type XListDragDrop = {
+    data: XListNode[];
+    current: XListNode;
+    currentIndex: number;
+};

package/loading/loading.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XSize, XTemplate, XBoolean } from '@ng-nest/ui/core';
+import { XProperty, XSize, XTemplate, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Loading
@@ -15,6 +15,11 @@ export declare class XLoadingProperty extends XProperty {
      * @en_US Show loading
      */
     loading: XBoolean;
+    /**
+     * @zh_CN 层级
+     * @en_US z-index
+     */
+    zIndex?: XNumber;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -46,5 +51,5 @@ export declare class XLoadingProperty extends XProperty {
      */
     background?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XLoadingProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XLoadingProperty, "ng-component", never, { "loading": "x-loading"; "size": "size"; "text": "text"; "icon": "icon"; "color": "color"; "fullScreen": "fullScreen"; "background": "background"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XLoadingProperty, "ng-component", never, { "loading": "x-loading"; "zIndex": "zIndex"; "size": "size"; "text": "text"; "icon": "icon"; "color": "color"; "fullScreen": "fullScreen"; "background": "background"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "14.0.4",
+  "version": "14.0.7",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -328,6 +328,14 @@
       "node": "./fesm2015/ng-nest-ui-icon.mjs",
       "default": "./fesm2020/ng-nest-ui-icon.mjs"
     },
+    "./image": {
+      "types": "./image/index.d.ts",
+      "esm2020": "./esm2020/image/ng-nest-ui-image.mjs",
+      "es2020": "./fesm2020/ng-nest-ui-image.mjs",
+      "es2015": "./fesm2015/ng-nest-ui-image.mjs",
+      "node": "./fesm2015/ng-nest-ui-image.mjs",
+      "default": "./fesm2020/ng-nest-ui-image.mjs"
+    },
     "./inner": {
       "types": "./inner/index.d.ts",
       "esm2020": "./esm2020/inner/ng-nest-ui-inner.mjs",

package/popover/popover.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
 import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XPopoverPortalComponent } from './popover-portal.component';
 import { XPopoverProperty } from './popover.property';
@@ -6,7 +6,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
 import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
 import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XPopoverDirective extends XPopoverProperty implements OnInit, OnChanges {
+export declare class XPopoverDirective extends XPopoverProperty implements OnChanges {
     private elementRef;
     private portalService;
     private viewContainerRef;
@@ -24,7 +24,8 @@ export declare class XPopoverDirective extends XPopoverProperty implements OnIni
     click(): void;
     mouseenter(): void;
     mouseleave(): void;
-    ngOnInit(): void;
+    focus(): void;
+    blur(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;

package/popover/popover.property.d.ts

@@ -75,7 +75,7 @@ export declare class XPopoverProperty extends XProperty {
  * @value "hover"
  * @value "click"
  */
-export declare type XPopoverTrigger = 'hover' | 'click';
+export declare type XPopoverTrigger = 'hover' | 'click' | 'focus';
 /**
  * Popover Portal
  * @selector x-popover-portal

package/slider/examples/en_US/default/expand/README.md

@@ -0,0 +1,7 @@
+---
+order: 7
+label: 'Expand'
+---
+
+- `showExpand` attributes, when the node is not displayed, all the buttons are displayed, and the arrangement method is effective when it is row.
+- `expandMaxHeight` properties are used to limit the maximum height of the lane frame

package/slider/examples/zh_CN/default/expand/README.md

@@ -0,0 +1,7 @@
+---
+order: 7
+label: '展开'
+---
+
+- `showExpand` 属性，节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
+- `expandMaxHeight` 属性用来限制展开弹框的最大高度

package/slider/slider.component.d.ts

@@ -14,6 +14,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     scrollClassMap: XClassMap;
     nodeClassMap: XClassMap;
     showArrow: boolean;
+    activatedId: string;
     private _offset;
     get offset(): number;
     set offset(value: number);
@@ -39,6 +40,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     setChange(map: XClassMap, change: SimpleChange, prefix?: string): void;
     setSubscribe(): void;
     nodeClick(node: XSliderNode, index: number): void;
+    dropdownClick(node: XSliderNode): void;
     scrollPrev(): void;
     scrollNext(): void;
     setDirection(index: number, before: number): XPosition;

package/slider/slider.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "@ng-nest/ui/link";
 import * as i5 from "@ng-nest/ui/button";
 import * as i6 from "@ng-nest/ui/outlet";
+import * as i7 from "@ng-nest/ui/dropdown";
 export declare class XSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XSliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XSliderModule, [typeof i1.XSliderComponent, typeof i2.XSliderProperty], [typeof i3.CommonModule, typeof i4.XLinkModule, typeof i5.XButtonModule, typeof i6.XOutletModule], [typeof i1.XSliderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XSliderModule, [typeof i1.XSliderComponent, typeof i2.XSliderProperty], [typeof i3.CommonModule, typeof i4.XLinkModule, typeof i5.XButtonModule, typeof i6.XOutletModule, typeof i7.XDropdownModule], [typeof i1.XSliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XSliderModule>;
 }

package/slider/slider.property.d.ts

@@ -51,6 +51,16 @@ export declare class XSliderProperty extends XProperty {
      * @en_US Size
      */
     size?: XSize;
+    /**
+     * @zh_CN 节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
+     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
+     */
+    showExpand?: XBoolean;
+    /**
+     * @zh_CN 展开所有弹框的最大高度
+     * @en_US Expand the maximum height of all bomb frames
+     */
+    expandMaxHeight?: string;
     /**
      * @zh_CN 激活索引变化事件
      * @en_US Activate index change event
@@ -62,7 +72,7 @@ export declare class XSliderProperty extends XProperty {
      */
     nodeChange: EventEmitter<XSliderNode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSliderProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; "showExpand": "showExpand"; "expandMaxHeight": "expandMaxHeight"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Slider 数据对象

package/table/examples/en_US/default/edit/README.md

@@ -0,0 +1,7 @@
+---
+order: 14
+label: 'Edit'
+---
+
+- Use `bodyTdTpl` custom cell content
+- Use the `bodyColumnTpl` to customize a whole series of content, which is higher than `bodyTdTpl`

package/table/examples/en_US/default/header/README.md

@@ -1,6 +1,6 @@
 ---
 order: 12
-label: '页头页尾'
+label: 'Header'
 ---
 
-- 使用 `header`、`footer` 来指定页头页尾。
+- Ad the end of the page with the `header`, `footer`.

package/table/examples/en_US/default/search/README.md

@@ -0,0 +1,6 @@
+---
+order: 15
+label: 'Search'
+---
+
+- Use the content of the search bar with `headSearchTpl`

package/table/examples/zh_CN/default/edit/README.md

@@ -0,0 +1,7 @@
+---
+order: 14
+label: '编辑'
+---
+
+- 使用 `bodyTdTpl` 自定义单元格内容
+- 使用 `bodyColumnTpl` 自定义一整列的内容，优先级要高于 `bodyTdTpl`

package/table/examples/zh_CN/default/header/README.md

@@ -1,6 +1,6 @@
 ---
 order: 12
-label: 'Header'
+label: '页头页尾'
 ---
 
-- Ad the end of the page with the `header`, `footer`.
+- 使用 `header`、`footer` 来指定页头页尾。

package/table/examples/zh_CN/default/search/README.md

@@ -0,0 +1,6 @@
+---
+order: 15
+label: '搜索'
+---
+
+- 使用 `headSearchTpl` 自定义搜索栏的内容

package/table/table.component.d.ts

@@ -14,6 +14,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     get getRowHeight(): number | "";
     get getStickyTopScrollTop(): any;
     get getStickyBottomScrollTop(): number;
+    get getStickyTopRightEleHeight(): any;
+    get getStickyBottomRightEleHeight(): any;
     tcaption: ElementRef;
     thead: ElementRef[];
     tfoot: ElementRef;
@@ -44,6 +46,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     table: ElementRef;
     caption: ElementRef;
     pagination: XPaginationComponent;
+    stickyTopRightEle: ElementRef;
+    stickyBottomRightEle: ElementRef;
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
@@ -57,6 +61,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     getStickyRight(column: XTableColumn | XTableCell): boolean;
     getStickyRightFirst(column: XTableColumn | XTableCell): boolean;
     hasStickyTopRight(): boolean | "";
+    hasStickyTopRightSearch(): boolean;
     hasStickyBottomRight(): boolean | "";
     getIndex(index: number): number;
     setData(): void;

package/table/table.property.d.ts

@@ -58,15 +58,20 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     activatedRowChange: EventEmitter<XTableRow>;
     /**
-     * @zh_CN 列头自定义模板
+     * @zh_CN 列头自定义模板，通过 key-value 的方式指定每列的模版
      * @en_US Column header custom template
      */
     headColumnTpl: XTableTemplate;
     /**
-     * @zh_CN 列内容自定义模板
+     * @zh_CN 列内容自定义模板，通过 key-value 的方式指定每列的模版
      * @en_US Column content custom template
      */
     bodyColumnTpl: XTableTemplate;
+    /**
+     * @zh_CN 单元格的自定义模板，优先级低于列内容自定义模板
+     * @en_US Custom template of cells
+     */
+    bodyTdTpl?: XTemplate;
     /**
      * @zh_CN 行条件样式
      * @en_US Row condition class
@@ -74,6 +79,11 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
     rowClass?: (row: XTableRow, index: number) => {
         [className: string]: boolean;
     };
+    /**
+     * @zh_CN 列头搜索自定义模板
+     * @en_US Line head search custom template
+     */
+    headSearchTpl?: XTemplate;
     /**
      * @zh_CN 排序点击的事件
      * @en_US Sort click events
@@ -205,7 +215,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     expandTpl?: XTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "allowCheckRow": "allowCheckRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "header": "header"; "footer": "footer"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "bodyTdTpl": "bodyTdTpl"; "rowClass": "rowClass"; "headSearchTpl": "headSearchTpl"; "allowSelectRow": "allowSelectRow"; "allowCheckRow": "allowCheckRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "header": "header"; "footer": "footer"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
 }
 /**
  * Table Option

package/tabs/examples/en_US/default/expand/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Expand'
+---
+
+Use the `showExpand` to add the unfolding button.

package/tabs/examples/zh_CN/default/expand/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '展开'
+---
+
+使用 `showExpand` 可以添加展开的按钮。

package/tabs/tabs.property.d.ts

@@ -66,13 +66,23 @@ export declare class XTabsProperty extends XProperty {
      * @en_US Custom template on the label bar
      */
     actionTpl?: TemplateRef<void>;
+    /**
+     * @zh_CN 标签页显示不下的时候显示展开所有的按钮，布局为 top 、bottom 的时候生效
+     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
+     */
+    showExpand?: XBoolean;
+    /**
+     * @zh_CN 展开所有弹框的最大高度
+     * @en_US Expand the maximum height of all bomb frames
+     */
+    expandMaxHeight?: string;
     /**
      * @zh_CN 标签切换变化的事件
      * @en_US Label switching event
      */
     indexChange: EventEmitter<XActivatedTab>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabsProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; "actionTpl": "actionTpl"; }, { "indexChange": "indexChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; "actionTpl": "actionTpl"; "showExpand": "showExpand"; "expandMaxHeight": "expandMaxHeight"; }, { "indexChange": "indexChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Tabs 数据对象