@ng-nest/ui 20.1.7 → 20.2.1

package/style/animates/slide.scss

@@ -0,0 +1,113 @@
+@use '../params/index.scss' as *;
+
+.x-slide-right-enter {
+  animation: x-right-enter $x-animation-duration-base ease-in;
+}
+.x-slide-right-leave {
+  animation: x-right-leave $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 $x-animation-duration-base ease-in;
+}
+.x-slide-left-leave {
+  animation: x-left-leave $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 $x-animation-duration-base ease-in;
+}
+.x-slide-top-leave {
+  animation: x-top-leave $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 $x-animation-duration-base ease-in;
+}
+.x-slide-bottom-leave {
+  animation: x-bottom-leave $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;
+  }
+}

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/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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XType, XSize, XBoolean } from '@ng-nest/ui/core';
 
@@ -77,8 +78,11 @@ declare class XTagProperty extends XTagProperty_base {
 }
 
 declare class XTagComponent extends XTagProperty {
-    animation: boolean;
     animating: _angular_core.WritableSignal<boolean>;
+    hasContent: _angular_core.WritableSignal<boolean>;
+    tag: _angular_core.Signal<ElementRef<HTMLElement>>;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     classMap: _angular_core.Signal<{
@@ -88,6 +92,7 @@ declare class XTagComponent extends XTagProperty {
     }>;
     onClick(): void;
     onClose(event: Event): void;
+    ngAfterContentChecked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTagComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTagComponent, "x-tag", never, {}, {}, never, ["*"], true, never>;
 }

package/time-picker/index.d.ts

@@ -496,7 +496,8 @@ type XTimePickerDisabledTimeFn = {
 
 declare class XTimePickerPortalComponent {
     private i18n;
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     value: _angular_core.ModelSignal<any>;

package/tooltip/index.d.ts

@@ -13,27 +13,17 @@ declare class XTooltipPortalComponent {
     color: _angular_core.InputSignal<string | undefined>;
     backgroundColor: _angular_core.InputSignal<string | undefined>;
     hoverChanged: _angular_core.OutputEmitterRef<boolean>;
-    arrowHidden: _angular_core.WritableSignal<boolean>;
     destroy: _angular_core.WritableSignal<boolean>;
     private destroyRef;
     constructor();
     mouseenter(): void;
     mouseleave(): void;
-    animation: boolean;
-    done(event: {
-        toState: any;
-    }): void;
+    animateEnter: string;
+    animateLeave: string;
     tooltipPortal: _angular_core.Signal<ElementRef<any>>;
-    tooltipArrow: _angular_core.Signal<ElementRef<any>>;
-    tooltipArrowAfter: _angular_core.Signal<ElementRef<any>>;
     classMap: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    portalBox: _angular_core.Signal<any>;
-    arrowBox: _angular_core.Signal<any>;
-    private renderer;
-    setArrow(): void;
-    includes(arrow: string): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTooltipPortalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTooltipPortalComponent, "x-tooltip-portal", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "box": { "alias": "box"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, { "hoverChanged": "hoverChanged"; }, never, never, true, never>;
 }