@ng-nest/ui 12.0.10 → 12.1.2

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

@@ -62,6 +62,13 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @en_US Column content custom template
      */
     bodyColumnTpl: XTableTemplate;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     /**
      * @zh_CN 排序点击的事件
      * @en_US Sort click events
@@ -143,7 +150,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     rowSize?: XSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never>;
 }
 /**
  * Table Option
@@ -185,6 +192,13 @@ export interface XTableOption extends XPaginationOption {
      * @en_US Column content custom template
      */
     bodyColumnTpl?: XTableTemplate;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
@@ -354,7 +368,7 @@ export interface XTableCell {
      * @zh_CN 宽度
      * @en_US Width
      */
-    width?: string;
+    width?: number;
     /**
      * @zh_CN 固定列，距离左边的距离
      * @en_US Fixed column, distance from left
@@ -524,8 +538,15 @@ export declare class XTableBodyProperty extends XProperty {
      * @en_US Cell config rules
      */
     cellConfig?: XTableCellConfigRule;
+    /**
+     * @zh_CN 行条件样式
+     * @en_US Row condition class
+     */
+    rowClass?: (row: XTableRow, index: number) => {
+        [className: string]: boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableBodyProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableBodyProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "columnTpl": "columnTpl"; "activatedRow": "activatedRow"; "rowHeight": "rowHeight"; "bodyHeight": "bodyHeight"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "scroll": "scroll"; "cellConfig": "cellConfig"; }, { "activatedRowChange": "activatedRowChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableBodyProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "columnTpl": "columnTpl"; "activatedRow": "activatedRow"; "rowHeight": "rowHeight"; "bodyHeight": "bodyHeight"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "scroll": "scroll"; "cellConfig": "cellConfig"; "rowClass": "rowClass"; }, { "activatedRowChange": "activatedRowChange"; }, never, never>;
 }
 /**
  * Table Foot