@ng-nest/ui 13.0.2 → 13.0.6

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