@ng-nest/ui 13.0.1 → 13.0.5

package/layout/examples/en_US/default/flex/README.md

@@ -7,4 +7,4 @@ Flexible layout alignment of columns through 'Flex' layout.
 
 - Use the `justify` or `align` property of `x-row` to enable the `flex` layout.
 - `justify` defines the layout of child elements, with the available values `start`, `center`, `end`, `space-between`, `space-around`.
-- `align` defines the alignment of child elements, available values `top`, `middle`, `bottom`.
+- `align` defines the alignment of child elements, available values `start`, `center`, `end`.

package/layout/examples/zh_CN/default/flex/README.md

@@ -7,4 +7,4 @@ label: '对齐方式'
 
 - 使用 `x-row` 的 `justify` 或 `align` 属性，可以启用 `flex` 布局。
 - `justify` 定义子元素的排版方式，可用的值 `start`， `center`， `end`， `space-between`， `space-around`。
-- `align` 定义子元素的对齐方式，可用的值 `top`， `middle`， `bottom`。
+- `align` 定义子元素的对齐方式，可用的值 `start`， `center`， `end`。

package/message/examples/en_US/default/loading/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: 'Loading'
+---
+
+Use `loading()` to use the load, you need to remove it manually or update.

package/message/examples/zh_CN/default/loading/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: '加载中'
+---
+
+使用 `loading()` 来使用加载中，需要手动或者更新移除。

package/message/message-ref.d.ts

@@ -0,0 +1,8 @@
+import { XMessageOption } from './message.property';
+export declare class XMessageRef {
+    option: XMessageOption;
+    constructor(option: XMessageOption);
+    close: () => void;
+    closeAll: () => void;
+    update: (_option: XMessageOption) => void;
+}

package/message/message.component.d.ts

@@ -1,11 +1,11 @@
 import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
-import { XMessageOption, XMessageRef } from './message.property';
+import { XMessageOption, XMessagePlacementRef } from './message.property';
 import * as i0 from "@angular/core";
 export declare class XMessageComponent {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
-    message: XMessageRef;
+    message: XMessagePlacementRef;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
     onClose(item: XMessageOption): void;
     moveDone($event: {
@@ -13,7 +13,7 @@ export declare class XMessageComponent {
     }): void;
     onEnter(item: XMessageOption): void;
     onLeave(item: XMessageOption): void;
-    trackByNode(_index: number, item: XMessageOption): string;
+    trackByNode(_index: number, item: XMessageOption): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XMessageComponent, "x-message", never, {}, {}, never, never>;
 }

package/message/message.property.d.ts

@@ -10,11 +10,16 @@ import { XMessageComponent } from './message.component';
  */
 export declare const XMessagePrefix = "x-message";
 export declare const XMessagePortal = "x-message-portal";
-export declare const X_CONFIG_NAME = "message";
+export declare const X_MESSAGE_CONFIG_NAME = "message";
 /**
  * Message Option
  */
 export interface XMessageOption extends XAlertOption {
+    /**
+     * @zh_CN 消息框的 id
+     * @en_US Message id
+     */
+    id?: string;
     /**
      * @zh_CN 方位，九宫格
      * @en_US Direction, nine grid
@@ -98,12 +103,27 @@ export interface XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent>
  * @en_US Message object in Jiugongge
  */
 export interface XMessagePlacement {
-    [property: string]: XMessageRef;
+    [property: string]: XMessagePlacementRef;
 }
-export interface XMessageRef {
+/**
+ * @zh_CN 九宫格中的消息对象
+ * @en_US Message object in Jiugongge
+ */
+export interface XMessagePlacementRef {
+    /**
+     * @zh_CN 方位对应的 overlayRef
+     * @en_US Placement overlayRef
+     */
     ref: XMessageOverlayRef;
+    /**
+     * @zh_CN 对应的消息 list 数据
+     * @en_US Corresponding message list data
+     */
     list: XMessageOption[];
-    currentClose: () => void;
+    /**
+     * @zh_CN 关闭所有数据
+     * @en_US Close all data
+     */
     closeAll: () => void;
 }
 /**

package/message/message.service.d.ts

@@ -1,6 +1,7 @@
 import { XTemplate, XConfigService, XMessageConfig } from '@ng-nest/ui/core';
-import { XMessageOverlayRef, XMessagePlacement, XMessageRef, XMessageOption } from './message.property';
+import { XMessageOverlayRef, XMessagePlacement, XMessageOption } from './message.property';
 import { XPortalService } from '@ng-nest/ui/portal';
+import { XMessageRef } from './message-ref';
 import * as i0 from "@angular/core";
 export declare class XMessageService {
     portal: XPortalService;
@@ -13,6 +14,7 @@ export declare class XMessageService {
     success(option: XTemplate | XMessageOption): XMessageRef;
     warning(option: XTemplate | XMessageOption): XMessageRef;
     error(option: XTemplate | XMessageOption): XMessageRef;
+    loading(option: XTemplate | XMessageOption): XMessageRef;
     create(option: XMessageOption): XMessageOverlayRef;
     private createMessage;
     private closeAll;
@@ -20,6 +22,7 @@ export declare class XMessageService {
     private messageChange;
     private setDuration;
     private removeMessage;
+    private updateMessage;
     static ɵfac: i0.ɵɵFactoryDeclaration<XMessageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<XMessageService>;
 }

package/message/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './message.component';
+export * from './message-ref';
 export * from './message.service';
 export * from './message.module';
 export * from './message.property';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "13.0.1",
+  "version": "13.0.5",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -13,14 +13,14 @@
     "url": "https://github.com/NG-NEST/ng-nest"
   },
   "dependencies": {
-    "tslib": "~2.3.0",
-    "@angular/cdk": "~13.0.0"
+    "tslib": "^2.3.0",
+    "@angular/cdk": "^13.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "~13.0.0",
-    "@angular/common": "~13.0.0",
-    "@angular/core": "~13.0.0",
-    "@angular/forms": "~13.0.0"
+    "@angular/animations": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/forms": "^13.0.0"
   },
   "module": "fesm2015/ng-nest-ui.mjs",
   "es2020": "fesm2020/ng-nest-ui.mjs",

package/popconfirm/examples/en_US/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Async'
+---
+
+Use the `confirmAsync` property to use an asynchronous confirmation, pass a `Observable` object, trigger confirmation via `next()`.

package/popconfirm/examples/en_US/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'Condition'
+---
+
+Trigger the bubble box using the `condition` property, whether it is `ture` or `false` will execute `confirm`.

package/popconfirm/examples/zh_CN/default/async-close/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: '异步确认'
+---
+
+使用 `confirmAsync` 属性来使用异步确认，传递一个 `Observable` 对象，通过 `next()` 来触发确认。

package/popconfirm/examples/zh_CN/default/condition/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: '条件触发'
+---
+
+使用 `condition` 属性来条件触发气泡框，不管是 `ture` 还是 `false` 都会执行 `confirm` 。

package/popconfirm/popconfirm.component.d.ts

@@ -1,9 +1,9 @@
-import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { XPopconfirmProperty } from './popconfirm.property';
 import { XBoolean, XConfigService } from '@ng-nest/ui/core';
 import { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
-export declare class XPopconfirmComponent extends XPopconfirmProperty {
+export declare class XPopconfirmComponent extends XPopconfirmProperty implements OnDestroy {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
@@ -11,13 +11,17 @@ export declare class XPopconfirmComponent extends XPopconfirmProperty {
     i18n: XI18nService;
     visible: XBoolean;
     locale: XI18nPopconfirm;
+    loading: boolean;
     private _unSubject;
+    private _asyncUnSub;
     get getCancelText(): string | undefined;
     get getConfirmText(): string | undefined;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onCancel(): void;
     onConfirm(): void;
+    onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmComponent, "x-popconfirm", never, {}, {}, never, ["*"]>;
 }

package/popconfirm/popconfirm.property.d.ts

@@ -1,6 +1,7 @@
-import { XPlacement, XTemplate, XProperty } from '@ng-nest/ui/core';
+import { XPlacement, XTemplate, XProperty, XBoolean } from '@ng-nest/ui/core';
 import { XPopoverTrigger } from '@ng-nest/ui/popover';
 import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Popconfirm
@@ -57,6 +58,16 @@ export declare class XPopconfirmProperty extends XProperty {
      * @en_US Confirmed text
      */
     confirmText?: string;
+    /**
+     * @zh_CN 确认异步 Observable
+     * @en_US Confirm async
+     */
+    confirmAsync?: Observable<void>;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 取消的点击事件
      * @en_US Cancelled click event
@@ -68,5 +79,5 @@ export declare class XPopconfirmProperty extends XProperty {
      */
     confirm: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirmProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirmProperty, "ng-component", never, { "title": "title"; "content": "content"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "icon": "icon"; "iconColor": "iconColor"; "cancelText": "cancelText"; "confirmText": "confirmText"; "confirmAsync": "confirmAsync"; "condition": "condition"; }, { "cancel": "cancel"; "confirm": "confirm"; }, never, never>;
 }

package/popover/popover.property.d.ts

@@ -46,13 +46,18 @@ export declare class XPopoverProperty extends XProperty {
      * @en_US Show/hide control
      */
     visible?: XBoolean;
+    /**
+     * @zh_CN 条件触发
+     * @en_US condition trigger
+     */
+    condition?: XBoolean;
     /**
      * @zh_CN 显示/隐藏改变的事件
      * @en_US Show/hide changed events
      */
     visibleChange: EventEmitter<XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopoverProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": "title"; "content": "content"; "footer": "footer"; "placement": "placement"; "trigger": "trigger"; "width": "width"; "visible": "visible"; "condition": "condition"; }, { "visibleChange": "visibleChange"; }, never>;
 }
 /**
  * @zh_CN 激活方式

package/portal/portal.module.d.ts

@@ -3,6 +3,6 @@ import * as i1 from "@angular/cdk/overlay";
 import * as i2 from "@angular/cdk/portal";
 export declare class XPortalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XPortalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XPortalModule, never, [typeof i1.OverlayModule, typeof i2.PortalModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XPortalModule, never, [typeof i1.OverlayModule, typeof i2.PortalModule], [typeof i1.OverlayModule, typeof i2.PortalModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XPortalModule>;
 }

package/portal/portal.service.d.ts

@@ -1,6 +1,5 @@
-import { Injector, InjectionToken, ElementRef } from '@angular/core';
+import { Injector, ElementRef, ViewContainerRef, StaticProvider } from '@angular/core';
 import { Overlay, OverlayRef, PositionStrategy, ConnectedPosition } from '@angular/cdk/overlay';
-import { PortalInjector } from '@angular/cdk/portal';
 import { XPortalProperty, XPortalOverlayRef } from './portal.property';
 import { XPlacement, XPosition, XPlace } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
@@ -12,7 +11,7 @@ export declare class XPortalService {
     injector: Injector;
     constructor(overlay: Overlay, injector: Injector);
     attach<T>(option: XPortalProperty): XPortalOverlayRef<T>;
-    createInjector(data: any, token: InjectionToken<any>): PortalInjector;
+    createInjector(providers: StaticProvider[], viewContainerRef?: ViewContainerRef): Injector;
     setPlacement(param?: {
         elementRef?: ElementRef;
         placement?: XPlace[] | XPlacement[];

package/progress/examples/en_US/default/circle/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Circle'
+---
+
+Use `type="circle"` to set the ring.

package/progress/examples/en_US/default/dashboard/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: 'Dashboard'
+---
+
+Use `type="dashboard"` to set the dashboard, `notchAngle` set the gap angle.

package/progress/examples/en_US/default/gradient/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: 'Gradient'
+---
+
+Use `gradient` to set the gradient color.

package/progress/examples/en_US/default/steps/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Steps'
+---
+
+Use `steps` to set the number of steps, `stepWidth` set the width of the single step, `stepFlex` set the width adaptive.

package/progress/examples/en_US/default/subsection/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: 'Subsection'
+---
+
+Use the `subsection` to open the segmentation color.

package/progress/examples/zh_CN/default/circle/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '圆环'
+---
+
+使用 `type="circle"` 来设置圆环。

package/progress/examples/zh_CN/default/dashboard/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: '仪表盘'
+---
+
+使用 `type="dashboard"` 来设置仪表盘，`notchAngle` 设置缺口角度。

package/progress/examples/zh_CN/default/gradient/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: '颜色渐变'
+---
+
+使用 `gradient` 来设置渐变颜色。

package/progress/examples/zh_CN/default/steps/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '步骤进度条'
+---
+
+使用 `steps` 来设置步骤个数，`stepWidth` 设置单步骤的宽度，`stepFlex` 设置宽度自适应。

package/progress/examples/zh_CN/default/subsection/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: '分段颜色'
+---
+
+使用 `subsection` 来开启分段颜色。

package/progress/progress.component.d.ts

@@ -1,19 +1,47 @@
-import { OnInit, Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
 import { XProgressProperty } from './progress.property';
 import { XNumber, XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XProgressComponent extends XProgressProperty implements OnInit, OnChanges {
+export declare class XProgressComponent extends XProgressProperty implements OnChanges {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     currentColor: string;
+    linearGradient: string;
+    stepsArray: Array<boolean>;
+    circleClipPath: string;
+    dashboardClipPath: string;
+    dashboardRailClipPath: string;
+    subLinearGradient: string;
+    get maskWidth(): number;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
-    ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     setClassMap(): void;
     setColor(): void;
     getLevelColor(percent: XNumber): string;
+    setGradient(): void;
+    sortGradient(percents: {
+        [percent: string]: string;
+    }): {
+        key: number;
+        value: string;
+    }[];
+    setSubLinearGradient(): void;
+    setSteps(): void;
+    setType(): void;
+    /**
+     * circle 中的 100% 等于 clip-path 中的 400%
+     */
+    setCircleClipPath(): void;
+    /**
+     *
+     * 90 polygon(50% 50%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
+     * 180 polygon(50% 50%, 0% 50%, 0% 0%, 100% 0%, 100% 50%);
+     * 270 polygon(50% 50%, 0% 0%, 100% 0%);
+     */
+    setDashboardClipPath(): void;
+    setCircleClipPathValue(start: string, railValue: number): void;
     onFormat(percent: XNumber): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XProgressComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XProgressComponent, "x-progress", never, {}, {}, never, never>;

package/progress/progress.property.d.ts

@@ -10,6 +10,11 @@ export declare const XProgressPrefix = "x-progress";
  * Progress Property
  */
 export declare class XProgressProperty extends XProperty {
+    /**
+     * @zh_CN 进度条类型
+     * @en_US Progress bar type
+     */
+    type: XProgressType;
     /**
      * @zh_CN 显示进度 0-100
      * @en_US Show progress 0-100
@@ -44,20 +49,90 @@ export declare class XProgressProperty extends XProperty {
      * @zh_CN 自定义颜色
      * @en_US Custom color
      */
-    color?: string | {
-        color: string;
-        percent: number;
-    }[] | Function;
+    color?: XProgressColor;
+    /**
+     * @zh_CN 渐变颜色
+     * @en_US Gradient color
+     */
+    gradient?: XProgressGradient;
+    /**
+     * @zh_CN 步骤进度条
+     * @en_US Steps progress bar
+     */
+    steps?: number;
+    /**
+     * @zh_CN 单个步骤的宽度
+     * @en_US Single step width
+     */
+    stepWidth?: string;
+    /**
+     * @zh_CN 单个步骤的宽度自适应
+     * @en_US Single step width flex
+     */
+    stepFlex?: XBoolean;
+    /**
+     * @zh_CN 圆环/仪表盘厚度
+     * @en_US Ring thickness
+     */
+    thickness?: string;
+    /**
+     * @zh_CN 圆环/仪表盘尺寸
+     * @en_US Ring size
+     */
+    size?: string;
+    /**
+     * @zh_CN 仪表盘缺口角度 0~300
+     * @en_US Dashboard notch angle
+     */
+    notchAngle?: number;
+    /**
+     * @zh_CN 分段显示颜色，只适用 type = 'line'
+     * @en_US Segmentation display color, only use of type = 'line'
+     */
+    subsection?: XBoolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<XProgressProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XProgressProperty, "ng-component", never, { "percent": "percent"; "height": "height"; "status": "status"; "info": "info"; "inside": "inside"; "format": "format"; "color": "color"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XProgressProperty, "ng-component", never, { "type": "type"; "percent": "percent"; "height": "height"; "status": "status"; "info": "info"; "inside": "inside"; "format": "format"; "color": "color"; "gradient": "gradient"; "steps": "steps"; "stepWidth": "stepWidth"; "stepFlex": "stepFlex"; "thickness": "thickness"; "size": "size"; "notchAngle": "notchAngle"; "subsection": "subsection"; }, {}, never, never>;
 }
 /**
  * @zh_CN 进度条类型
  * @en_US Progress bar type
  */
 export declare type XProgressType = 'line' | 'circle' | 'dashboard';
+/**
+ * @zh_CN 进度条颜色
+ * @en_US Progress bar color
+ */
+export declare type XProgressColor = string | XProgressColorNode[] | Function;
+/**
+ * @zh_CN 进度条节点颜色
+ * @en_US Progress bar node color
+ */
+export interface XProgressColorNode {
+    /**
+     * @zh_CN 颜色
+     * @en_US Color
+     */
+    color: string;
+    /**
+     * @zh_CN 百分比
+     * @en_US Percent
+     */
+    percent: number;
+}
 /**
  * @zh_CN 状态
  * @en_US Status
  */
 export declare type XProgressStatus = 'normal' | 'active' | 'success' | 'exception' | 'warning';
+/**
+ * @zh_CN 渐变颜色
+ * @en_US Gradient color
+ */
+export declare type XProgressGradient = {
+    direction?: string;
+} & ({
+    from: string;
+    to: string;
+} | {
+    [percent: string]: string;
+});

package/steps/examples/en_US/default/node-status/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: 'Node Status'
+---
+
+Use the `nodeStatus` property to enable single-node setting status priority, `activatedIndex` and `status` will fail, you can have multiple nodes of the same status.

package/steps/examples/zh_CN/default/node-status/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: '节点状态优先'
+---
+
+使用 `nodeStatus` 属性来启用单节点设置状态优先，`activatedIndex` 和 `status` 将失效，可以有多个相同状态的节点。

package/steps/steps.property.d.ts

@@ -1,4 +1,4 @@
-import { XData, XProperty, XParentIdentityProperty, XNumber, XTemplate } from '@ng-nest/ui/core';
+import { XData, XProperty, XParentIdentityProperty, XNumber, XTemplate, XBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Steps
@@ -40,8 +40,13 @@ export declare class XStepsProperty extends XProperty {
      * @en_US Custom node
      */
     customTpl?: XTemplate;
+    /**
+     * @zh_CN 节点设置的状态优先，将不会自动计算当前节点，`activatedIndex` 和 `status` 将失效
+     * @en_US the status set by the node takes precedence, and the current node will not be calculated, `activatedIndex` and `status` will be invalidated
+     */
+    nodeStatus?: XBoolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<XStepsProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XStepsProperty, "ng-component", never, { "data": "data"; "layout": "layout"; "activatedIndex": "activatedIndex"; "startIndex": "startIndex"; "status": "status"; "customTpl": "customTpl"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XStepsProperty, "ng-component", never, { "data": "data"; "layout": "layout"; "activatedIndex": "activatedIndex"; "startIndex": "startIndex"; "status": "status"; "customTpl": "customTpl"; "nodeStatus": "nodeStatus"; }, {}, never, never>;
 }
 export interface XStepsNode extends XParentIdentityProperty<XStepsNode> {
     /**

package/style/core/index.scss

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @import './cdk';
 @import './var';
 @import './base';

package/table/table.property.d.ts

@@ -354,7 +354,7 @@ export interface XTableCell {
      * @zh_CN 宽度
      * @en_US Width
      */
-    width?: string;
+    width?: number;
     /**
      * @zh_CN 固定列，距离左边的距离
      * @en_US Fixed column, distance from left

package/time-picker/time-picker-frame.component.d.ts

@@ -31,6 +31,7 @@ export declare class XTimePickerFrameComponent {
         id: number;
     }[];
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     constructor(cdr: ChangeDetectorRef);
     init(): void;
     setDefault(): void;

package/time-picker/time-picker.component.d.ts

@@ -33,6 +33,7 @@ export declare class XTimePickerComponent extends XTimePickerProperty implements
     dataChange: Subject<any>;
     positionChange: Subject<any>;
     closeSubject: Subject<void>;
+    valueType: 'date' | 'number' | 'string';
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, datePipe: DatePipe, overlay: Overlay);
     ngOnInit(): void;
@@ -51,7 +52,8 @@ export declare class XTimePickerComponent extends XTimePickerProperty implements
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
     onNodeClick(date: Date): void;
-    setDisplayValue(): void;
+    setValue(value: Date): number | Date;
+    setDisplayValue(date: Date | number): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;