@ng-nest/ui 20.1.6 → 20.2.0

package/style/core/index.css

@@ -246,6 +246,359 @@
   text-decoration: underline;
 }
 
+.x-base-enter {
+  animation: x-base-enter var(--x-animation-duration-base);
+  animation-timing-function: ease-in;
+}
+
+.x-base-leave {
+  animation: x-base-leave var(--x-animation-duration-base);
+  animation-timing-function: ease-out;
+}
+
+@keyframes x-base-enter {
+  from {
+    opacity: 0;
+    transform: scale(0.2);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes x-base-leave {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.2);
+  }
+}
+.x-connect-enter {
+  animation: x-connect-enter var(--x-animation-duration-fast);
+  animation-timing-function: ease-in;
+}
+
+.x-connect-leave {
+  animation: x-connect-leave var(--x-animation-duration-fast);
+  animation-timing-function: ease-out;
+}
+
+@keyframes x-connect-enter {
+  from {
+    opacity: 0;
+    transform: scaleY(0.8);
+  }
+  to {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+@keyframes x-connect-leave {
+  from {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  to {
+    opacity: 0;
+    transform: scaleY(0.8);
+  }
+}
+.x-fade-enter {
+  animation: x-fade-enter var(--x-animation-duration-fast);
+  animation-timing-function: ease-in;
+}
+
+.x-fade-leave {
+  animation: x-fade-leave var(--x-animation-duration-fast);
+  animation-timing-function: ease-out;
+}
+
+@keyframes x-fade-enter {
+  from {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes x-fade-leave {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+}
+.x-slide-right-enter {
+  animation: x-right-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-slide-right-leave {
+  animation: x-right-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-right-enter {
+  from {
+    transform: translateX(100%);
+    opacity: 0.8;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes x-right-leave {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(100%);
+    opacity: 0.8;
+  }
+}
+.x-slide-left-enter {
+  animation: x-left-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-slide-left-leave {
+  animation: x-left-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-left-enter {
+  from {
+    transform: translateX(-100%);
+    opacity: 0.8;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes x-left-leave {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(-100%);
+    opacity: 0.8;
+  }
+}
+.x-slide-top-enter {
+  animation: x-top-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-slide-top-leave {
+  animation: x-top-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-top-enter {
+  from {
+    transform: translateY(-100%);
+    opacity: 0.8;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes x-top-leave {
+  from {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(-100%);
+    opacity: 0.8;
+  }
+}
+.x-slide-bottom-enter {
+  animation: x-bottom-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-slide-bottom-leave {
+  animation: x-bottom-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-bottom-enter {
+  from {
+    transform: translateY(100%);
+    opacity: 0.8;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes x-bottom-leave {
+  from {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(100%);
+    opacity: 0.8;
+  }
+}
+.x-move-top-start-enter,
+.x-move-top-enter,
+.x-move-top-end-enter,
+.x-move-center-enter {
+  animation: x-move-top-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-move-top-start-leave,
+.x-move-top-leave,
+.x-move-top-end-leave,
+.x-move-center-leave {
+  animation: x-move-top-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-move-top-enter {
+  from {
+    transform: translateY(-2rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+}
+@keyframes x-move-top-leave {
+  from {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(-2rem);
+    opacity: 0;
+  }
+}
+.x-move-left-enter {
+  animation: x-move-left-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-move-left-leave {
+  animation: x-move-left-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-move-left-enter {
+  from {
+    transform: translateX(-2rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+}
+@keyframes x-move-left-leave {
+  from {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(-2rem);
+    opacity: 0;
+  }
+}
+.x-move-right-enter {
+  animation: x-move-right-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-move-right-leave {
+  animation: x-move-right-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-move-right-enter {
+  from {
+    transform: translateX(2rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+}
+@keyframes x-move-right-leave {
+  from {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(2rem);
+    opacity: 0;
+  }
+}
+.x-move-bottom-start-enter,
+.x-move-bottom-enter,
+.x-move-bottom-end-enter {
+  animation: x-move-bottom-enter var(--x-animation-duration-base) ease-in;
+}
+
+.x-move-bottom-start-leave,
+.x-move-bottom-leave,
+.x-move-bottom-end-leave {
+  animation: x-move-bottom-leave var(--x-animation-duration-base) ease-out;
+}
+
+@keyframes x-move-bottom-enter {
+  from {
+    transform: translateY(2rem);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+}
+@keyframes x-move-bottom-leave {
+  from {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(2rem);
+    opacity: 0;
+  }
+}
+.x-opacity-enter {
+  animation: x-opacity-enter var(--x-animation-duration-slow) ease-in;
+}
+
+.x-opacity-leave {
+  animation: x-opacity-leave var(--x-animation-duration-slow) ease-out;
+}
+
+@keyframes x-opacity-enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes x-opacity-leave {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.x-animate-disabled {
+  animation: none !important;
+  transition: none !important;
+}
+
 @media only screen and (max-width: 767px) {
   [x-hidden-xs-only] {
     display: none !important;

package/style/core/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../lib/ng-nest/ui/style/directives/ripple/index.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/mixin.scss","../../../../../lib/ng-nest/ui/style/params/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/mixin.scss","../../../../../lib/ng-nest/ui/style/directives/keyword/mixin.scss","../../../../../lib/ng-nest/ui/style/mixins/hidden.scss","../../../../../lib/ng-nest/ui/style/core/index.scss"],"names":[],"mappings":"AAIA;ECCE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;;AAaA;EACE,kBC8Gc;;AD/GhB;EACE,kBCnBU;;ADkBZ;EACE;;AADF;EACE,kBCmBU;;ADpBZ;EACE,kBCsCS;;ADvCX;EACE,kBCyDO;;AD1DT;EACE,kBANyB;;;AEvB/B;ECCE;;AACA;EACE;;AAmIF;EACE;EACA,QAjIA;EAkIA,OAjIA;EAkIA,QAjIA;EAkIA,MA9HA;EAgIA,QAjIA;EAmIA,SAjIA;;AAkIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QApHA;EAqHA,OApHA;EAqHA,QApHA;EAqHA,MAjHA;EAoHA,KAvHA;EAwHA,SApHA;;AAqHA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QAvGA;EAwGA,OAvGA;EAwGA,QAvGA;EAwGA,MApGA;EAuGA,KA1GA;EA2GA,SAvGA;;AAwGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QA1FA;EA2FA,OA1FA;EA2FA,QA1FA;EA4FA,OA1FA;EA4FA,KA7FA;EA8FA,SA1FA;;AA2FA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QA7EA;EA8EA,OA7EA;EA8EA,QA7EA;EA8EA,MA1EA;EA6EA,KAhFA;EAiFA,SA7EA;;AA8EA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QAhEA;EAiEA,OAhEA;EAiEA,QAhEA;EAkEA,OAhEA;EAkEA,KAnEA;EAoEA,SAhEA;;AAiEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QAnDA;EAoDA,OAnDA;EAoDA,QAnDA;EAoDA,MAhDA;EAkDA,QAnDA;EAqDA,SAnDA;;AAoDA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AEuIV;EACE;EACA,QAtCA;EAuCA,OAtCA;EAuCA,QAtCA;EAwCA,OAtCA;EAuCA,QAtCA;EAwCA,SAtCA;;AAuCA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cF5JI;;AE+GR;EACE,cFhHM;;AEoHR;EACE;;;ACxGF;EACE,OHyHS;EGxHT;;AAFF;EACE,OHdM;EGeN;;AAFF;EACE,OHKM;EGJN;;AAFF;EACE,OHwBM;EGvBN;;AAFF;EACE,OH2CK;EG1CL;;AAFF;EACE,OH8DG;EG7DH;;AAFF;EACE,OAN0B;EAO1B;;;ACXA;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;ACDR;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;EAGE,aLiJc;EKhJd,WL8IY;EK7IZ,OLgFO;EK/EP,aLqJc;;;AKlJhB;AAAA;AAAA;EAGE,aLyImB","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../lib/ng-nest/ui/style/directives/ripple/index.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/mixin.scss","../../../../../lib/ng-nest/ui/style/params/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/mixin.scss","../../../../../lib/ng-nest/ui/style/directives/keyword/mixin.scss","../../../../../lib/ng-nest/ui/style/animates/base.scss","../../../../../lib/ng-nest/ui/style/animates/conect.scss","../../../../../lib/ng-nest/ui/style/animates/fade.scss","../../../../../lib/ng-nest/ui/style/animates/slide.scss","../../../../../lib/ng-nest/ui/style/animates/move.scss","../../../../../lib/ng-nest/ui/style/animates/opacity.scss","../../../../../lib/ng-nest/ui/style/animates/index.scss","../../../../../lib/ng-nest/ui/style/mixins/hidden.scss","../../../../../lib/ng-nest/ui/style/core/index.scss"],"names":[],"mappings":"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","file":"index.css"}

package/style/core/index.scss

@@ -2,6 +2,7 @@
 @use '../mixins/hidden' as *;
 @use '../params/index' as *;
 @use '../directives/index' as *;
+@use '../animates/index' as *;
 
 @include var-size-hidden($x-size-range-only);
 
@@ -25,9 +26,3 @@ pre,
 tt {
   font-family: $x-font-code-family;
 }
-
-// .x-portal {
-//   &-resizable {
-//     display: inline-block !important;
-//   }
-// }

package/suggestion/index.d.ts

@@ -0,0 +1,96 @@
+import * as _angular_core from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XDataArray, XPlacement, XBoolean, XNumber, XSize } from '@ng-nest/ui/core';
+import { XDropdownNode } from '@ng-nest/ui/dropdown';
+
+/**
+ * Suggestion
+ * @selector x-suggestion
+ * @decorator component
+ */
+declare const XSuggestionPrefix = "x-suggestion";
+declare const XSuggestionProperty_base: new () => {
+    config: _ng_nest_ui_core.XSuggestionConfig | undefined;
+};
+/**
+ * Suggestion Property
+ */
+declare class XSuggestionProperty extends XSuggestionProperty_base {
+    /**
+     * @zh_CN 建议项列表
+     * @en_US Suggestion items
+     */
+    readonly data: _angular_core.InputSignalWithTransform<XSuggestionNode[], XDataArray<XSuggestionNode>>;
+    /**
+     * @zh_CN 显示建议项
+     * @en_US Show Suggestion items
+     */
+    readonly visible: _angular_core.ModelSignal<boolean>;
+    /**
+     * @zh_CN 展示位置
+     * @en_US Placement
+     */
+    readonly placement: _angular_core.InputSignal<XPlacement>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 节点中已经包含子节点数据
+     * @en_US The node already contains child node data
+     */
+    readonly children: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 弹框的最小宽度
+     * @en_US Portal min-width
+     */
+    readonly portalMinWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最大宽度
+     * @en_US Portal max-width
+     */
+    readonly portalMaxWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最小高度
+     * @en_US Portal min-height
+     */
+    readonly portalMinHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 弹框的最大高度
+     * @en_US Portal max-height
+     */
+    readonly portalMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 建议项点击事件
+     * @en_US Suggestion item click event
+     */
+    readonly nodeClick: _angular_core.OutputEmitterRef<XSuggestionNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSuggestionProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSuggestionProperty, "x-suggestion-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "portalMinWidth": { "alias": "portalMinWidth"; "required": false; "isSignal": true; }; "portalMaxWidth": { "alias": "portalMaxWidth"; "required": false; "isSignal": true; }; "portalMinHeight": { "alias": "portalMinHeight"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+}
+/**
+ * @zh_CN 建议项
+ * @en_US Suggestion
+ */
+interface XSuggestionNode extends XDropdownNode {
+}
+
+declare class XSuggestionComponent extends XSuggestionProperty {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSuggestionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSuggestionComponent, "x-suggestion", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XSuggestionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSuggestionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XSuggestionModule, never, [typeof XSuggestionComponent], [typeof XSuggestionComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XSuggestionModule>;
+}
+
+export { XSuggestionComponent, XSuggestionModule, XSuggestionPrefix, XSuggestionProperty };
+export type { XSuggestionNode };

package/table/index.d.ts

@@ -33,8 +33,13 @@ declare class XTableProperty extends XTableProperty_base {
      */
     readonly columns: _angular_core.InputSignal<XTableColumn[]>;
     /**
-     * @zh_CN 表头和行高，单位 px
-     * @en_US Header and row height, unit px
+     * @zh_CN 表头高度，单位 px
+     * @en_US Header height, unit px
+     */
+    readonly headerHeight: _angular_core.InputSignalWithTransform<number | null, XNumber>;
+    /**
+     * @zh_CN 行高，单位 px
+     * @en_US Row height, unit px
      */
     readonly rowHeight: _angular_core.InputSignalWithTransform<number, XNumber>;
     /**
@@ -426,7 +431,7 @@ declare class XTableProperty extends XTableProperty_base {
      */
     readonly columnDragWidthEnded: _angular_core.OutputEmitterRef<XTableDragWidthEvent>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTableProperty, "x-table-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "headerPosition": { "alias": "headerPosition"; "required": false; "isSignal": true; }; "bodyInnerHTML": { "alias": "bodyInnerHTML"; "required": false; "isSignal": true; }; "activatedRow": { "alias": "activatedRow"; "required": false; "isSignal": true; }; "headColumnTpl": { "alias": "headColumnTpl"; "required": false; "isSignal": true; }; "headThTpl": { "alias": "headThTpl"; "required": false; "isSignal": true; }; "bodyColumnTpl": { "alias": "bodyColumnTpl"; "required": false; "isSignal": true; }; "bodyTdTpl": { "alias": "bodyTdTpl"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "headSearchTpl": { "alias": "headSearchTpl"; "required": false; "isSignal": true; }; "allowSelectRow": { "alias": "allowSelectRow"; "required": false; "isSignal": true; }; "allowCheckRow": { "alias": "allowCheckRow"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "minBufferPx": { "alias": "minBufferPx"; "required": false; "isSignal": true; }; "maxBufferPx": { "alias": "maxBufferPx"; "required": false; "isSignal": true; }; "adaptionHeight": { "alias": "adaptionHeight"; "required": false; "isSignal": true; }; "docPercent": { "alias": "docPercent"; "required": false; "isSignal": true; }; "checkedRow": { "alias": "checkedRow"; "required": false; "isSignal": true; }; "checkboxDragDisabled": { "alias": "checkboxDragDisabled"; "required": false; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "cellConfig": { "alias": "cellConfig"; "required": false; "isSignal": true; }; "rowSize": { "alias": "rowSize"; "required": false; "isSignal": true; }; "paginationPosition": { "alias": "paginationPosition"; "required": false; "isSignal": true; }; "hiddenWrapBorder": { "alias": "hiddenWrapBorder"; "required": false; "isSignal": true; }; "hiddenPaginationBorder": { "alias": "hiddenPaginationBorder"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "treeTable": { "alias": "treeTable"; "required": false; "isSignal": true; }; "expandedAll": { "alias": "expandedAll"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandTpl": { "alias": "expandTpl"; "required": false; "isSignal": true; }; "showEmpty": { "alias": "showEmpty"; "required": false; "isSignal": true; }; "emptyImg": { "alias": "emptyImg"; "required": false; "isSignal": true; }; "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "showEllipsis": { "alias": "showEllipsis"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "space": { "alias": "space"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; "showSize": { "alias": "showSize"; "required": false; "isSignal": true; }; "sizeWidth": { "alias": "sizeWidth"; "required": false; "isSignal": true; }; "showInputSize": { "alias": "showInputSize"; "required": false; "isSignal": true; }; "showInputSizeTooltipText": { "alias": "showInputSizeTooltipText"; "required": false; "isSignal": true; }; "inputSizeTooltipText": { "alias": "inputSizeTooltipText"; "required": false; "isSignal": true; }; "inputSizeWidth": { "alias": "inputSizeWidth"; "required": false; "isSignal": true; }; "sizeData": { "alias": "sizeData"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showJump": { "alias": "showJump"; "required": false; "isSignal": true; }; "showJumpTooltipText": { "alias": "showJumpTooltipText"; "required": false; "isSignal": true; }; "jumpTooltipText": { "alias": "jumpTooltipText"; "required": false; "isSignal": true; }; "jumpWidth": { "alias": "jumpWidth"; "required": false; "isSignal": true; }; "totalTpl": { "alias": "totalTpl"; "required": false; "isSignal": true; }; "simple": { "alias": "simple"; "required": false; "isSignal": true; }; "simpleIndexWidth": { "alias": "simpleIndexWidth"; "required": false; "isSignal": true; }; "inputIndexSizeSureType": { "alias": "inputIndexSizeSureType"; "required": false; "isSignal": true; }; }, { "activatedRow": "activatedRowChange"; "sortChange": "sortChange"; "headCheckboxChange": "headCheckboxChange"; "bodyCheckboxChange": "bodyCheckboxChange"; "manual": "manualChange"; "index": "indexChange"; "size": "sizeChange"; "total": "totalChange"; "query": "queryChange"; "rowClick": "rowClick"; "columnDragStarted": "columnDragStarted"; "columnDragEnded": "columnDragEnded"; "columnDropListDropped": "columnDropListDropped"; "columnDragWidthStarted": "columnDragWidthStarted"; "columnDragWidthMoved": "columnDragWidthMoved"; "columnDragWidthEnded": "columnDragWidthEnded"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTableProperty, "x-table-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "headerHeight": { "alias": "headerHeight"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "headerPosition": { "alias": "headerPosition"; "required": false; "isSignal": true; }; "bodyInnerHTML": { "alias": "bodyInnerHTML"; "required": false; "isSignal": true; }; "activatedRow": { "alias": "activatedRow"; "required": false; "isSignal": true; }; "headColumnTpl": { "alias": "headColumnTpl"; "required": false; "isSignal": true; }; "headThTpl": { "alias": "headThTpl"; "required": false; "isSignal": true; }; "bodyColumnTpl": { "alias": "bodyColumnTpl"; "required": false; "isSignal": true; }; "bodyTdTpl": { "alias": "bodyTdTpl"; "required": false; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "headSearchTpl": { "alias": "headSearchTpl"; "required": false; "isSignal": true; }; "allowSelectRow": { "alias": "allowSelectRow"; "required": false; "isSignal": true; }; "allowCheckRow": { "alias": "allowCheckRow"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "minBufferPx": { "alias": "minBufferPx"; "required": false; "isSignal": true; }; "maxBufferPx": { "alias": "maxBufferPx"; "required": false; "isSignal": true; }; "adaptionHeight": { "alias": "adaptionHeight"; "required": false; "isSignal": true; }; "docPercent": { "alias": "docPercent"; "required": false; "isSignal": true; }; "checkedRow": { "alias": "checkedRow"; "required": false; "isSignal": true; }; "checkboxDragDisabled": { "alias": "checkboxDragDisabled"; "required": false; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "cellConfig": { "alias": "cellConfig"; "required": false; "isSignal": true; }; "rowSize": { "alias": "rowSize"; "required": false; "isSignal": true; }; "paginationPosition": { "alias": "paginationPosition"; "required": false; "isSignal": true; }; "hiddenWrapBorder": { "alias": "hiddenWrapBorder"; "required": false; "isSignal": true; }; "hiddenPaginationBorder": { "alias": "hiddenPaginationBorder"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "treeTable": { "alias": "treeTable"; "required": false; "isSignal": true; }; "expandedAll": { "alias": "expandedAll"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandTpl": { "alias": "expandTpl"; "required": false; "isSignal": true; }; "showEmpty": { "alias": "showEmpty"; "required": false; "isSignal": true; }; "emptyImg": { "alias": "emptyImg"; "required": false; "isSignal": true; }; "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "showEllipsis": { "alias": "showEllipsis"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "space": { "alias": "space"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; "showSize": { "alias": "showSize"; "required": false; "isSignal": true; }; "sizeWidth": { "alias": "sizeWidth"; "required": false; "isSignal": true; }; "showInputSize": { "alias": "showInputSize"; "required": false; "isSignal": true; }; "showInputSizeTooltipText": { "alias": "showInputSizeTooltipText"; "required": false; "isSignal": true; }; "inputSizeTooltipText": { "alias": "inputSizeTooltipText"; "required": false; "isSignal": true; }; "inputSizeWidth": { "alias": "inputSizeWidth"; "required": false; "isSignal": true; }; "sizeData": { "alias": "sizeData"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showJump": { "alias": "showJump"; "required": false; "isSignal": true; }; "showJumpTooltipText": { "alias": "showJumpTooltipText"; "required": false; "isSignal": true; }; "jumpTooltipText": { "alias": "jumpTooltipText"; "required": false; "isSignal": true; }; "jumpWidth": { "alias": "jumpWidth"; "required": false; "isSignal": true; }; "totalTpl": { "alias": "totalTpl"; "required": false; "isSignal": true; }; "simple": { "alias": "simple"; "required": false; "isSignal": true; }; "simpleIndexWidth": { "alias": "simpleIndexWidth"; "required": false; "isSignal": true; }; "inputIndexSizeSureType": { "alias": "inputIndexSizeSureType"; "required": false; "isSignal": true; }; }, { "activatedRow": "activatedRowChange"; "sortChange": "sortChange"; "headCheckboxChange": "headCheckboxChange"; "bodyCheckboxChange": "bodyCheckboxChange"; "manual": "manualChange"; "index": "indexChange"; "size": "sizeChange"; "total": "totalChange"; "query": "queryChange"; "rowClick": "rowClick"; "columnDragStarted": "columnDragStarted"; "columnDragEnded": "columnDragEnded"; "columnDropListDropped": "columnDropListDropped"; "columnDragWidthStarted": "columnDragWidthStarted"; "columnDragWidthMoved": "columnDragWidthMoved"; "columnDragWidthEnded": "columnDragWidthEnded"; }, never, never, true, never>;
 }
 /**
  * @zh_CN 行数据
@@ -717,6 +722,11 @@ declare class XTableHeadProperty extends XProperty {
      * @en_US Column set
      */
     readonly columns: _angular_core.InputSignal<XTableColumn[]>;
+    /**
+     * @zh_CN 表头高度，单位 px
+     * @en_US Header height, unit px
+     */
+    readonly headerHeight: _angular_core.InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 高度，单位 px
      * @en_US Height in px
@@ -748,7 +758,7 @@ declare class XTableHeadProperty extends XProperty {
      */
     readonly position: _angular_core.InputSignal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTableHeadProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTableHeadProperty, "x-table-head-property", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "columnTpl": { "alias": "columnTpl"; "required": false; "isSignal": true; }; "scrollYWidth": { "alias": "scrollYWidth"; "required": false; "isSignal": true; }; "scrollXWidth": { "alias": "scrollXWidth"; "required": false; "isSignal": true; }; "cellConfig": { "alias": "cellConfig"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTableHeadProperty, "x-table-head-property", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "headerHeight": { "alias": "headerHeight"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "columnTpl": { "alias": "columnTpl"; "required": false; "isSignal": true; }; "scrollYWidth": { "alias": "scrollYWidth"; "required": false; "isSignal": true; }; "scrollXWidth": { "alias": "scrollXWidth"; "required": false; "isSignal": true; }; "cellConfig": { "alias": "cellConfig"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * Table Body
@@ -906,6 +916,7 @@ declare class XTableHeadComponent extends XTableHeadProperty implements OnInit {
     }>;
     initColumns: _angular_core.Signal<XTableColumn[]>;
     getRowHeight: _angular_core.Signal<number | "">;
+    getHeaderHeight: _angular_core.Signal<number | "">;
     private elementRef;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/table-view/index.d.ts

@@ -72,7 +72,7 @@ declare class XTableViewRow extends CdkRow {
     static ɵcmp: i0.ɵɵComponentDeclaration<XTableViewRow, "x-table-row, tr[x-table-row]", ["xTableRow"], {}, {}, never, never, true, never>;
 }
 declare class XTableNoDataRow extends CdkNoDataRow {
-    _contentClassName: string;
+    _contentClassNames: string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableNoDataRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<XTableNoDataRow, "ng-template[xTableNoDataRow]", never, {}, {}, never, never, true, never>;
 }

package/tag/index.d.ts

@@ -77,8 +77,9 @@ declare class XTagProperty extends XTagProperty_base {
 }
 
 declare class XTagComponent extends XTagProperty {
-    animation: boolean;
     animating: _angular_core.WritableSignal<boolean>;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     classMap: _angular_core.Signal<{