@ng-nest/ui 13.0.3 → 13.0.4

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