@ng-nest/ui 17.0.12 → 18.0.1

package/popover/popover.property.d.ts

@@ -1,5 +1,5 @@
-import { XPlacement, XTemplate, XProperty, XBoolean } from '@ng-nest/ui/core';
-import { EventEmitter, ElementRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import type { XPlacement, XTemplate, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Popover
@@ -7,77 +7,85 @@ import * as i0 from "@angular/core";
  * @decorator directive
  */
 export declare const XPopoverPrefix = "x-popover";
+declare const XPopoverProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XPopoverConfig | undefined;
+};
 /**
  * Popover Property
  */
-export declare class XPopoverProperty extends XProperty {
+export declare class XPopoverProperty extends XPopoverProperty_base {
     /**
      * @zh_CN 标题，支持自定义模板
      * @en_US Title, support custom template
      */
-    title?: XTemplate;
+    readonly title: import("@angular/core").InputSignal<XTemplate>;
     /**
      * @zh_CN 内容，支持自定义模板
      * @en_US Content, support custom templates
      */
-    content?: XTemplate;
+    readonly content: import("@angular/core").InputSignal<XTemplate>;
     /**
      * @zh_CN 底部，支持自定义模板
      * @en_US At the bottom, support custom templates
      */
-    footer?: XTemplate;
+    readonly footer: import("@angular/core").InputSignal<XTemplate>;
     /**
      * @zh_CN 内部样式
      * @en_US panel class
      */
-    panelClass?: string | string[];
+    readonly panelClass: import("@angular/core").InputSignal<string | string[]>;
     /**
      * @zh_CN 指定参考对象
      * @en_US specify reference object
      */
-    connectTo?: ElementRef<HTMLElement> | HTMLElement;
+    readonly connectTo: import("@angular/core").InputSignal<HTMLElement | ElementRef<HTMLElement> | undefined>;
     /**
      * @zh_CN 弹出的位置
      * @en_US Pop-up position
      */
-    placement?: XPlacement;
+    readonly placement: import("@angular/core").InputSignal<XPlacement>;
     /**
      * @zh_CN 激活方式
      * @en_US Activation method
      */
-    trigger?: XPopoverTrigger;
+    readonly trigger: import("@angular/core").InputSignal<XPopoverTrigger>;
     /**
      * @zh_CN 宽度
-     * @en_US Width
+     * @en_US width
      */
-    width?: string;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 最大宽度
+     * @en_US Max width
+     */
+    readonly maxWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 最小宽度
+     * @en_US Min width
+     */
+    readonly minWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 显示/隐藏控制
      * @en_US Show/hide control
      */
-    visible?: XBoolean;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
     /**
      * @zh_CN 条件触发
      * @en_US condition trigger
      */
-    condition?: XBoolean;
+    readonly condition: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 鼠标移入后延时多少才显示
      * @en_US How much is the mouse transfer after transfer
      */
-    mouseEnterDelay: number;
+    readonly mouseEnterDelay: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 鼠标移出后延时多少才隐藏
      * @en_US How much hidden is hidden after the mouse is removed
      */
-    mouseLeaveDelay: number;
-    /**
-     * @zh_CN 显示/隐藏改变的事件
-     * @en_US Show/hide changed events
-     */
-    visibleChange: EventEmitter<XBoolean>;
+    readonly mouseLeaveDelay: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPopoverProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "connectTo": { "alias": "connectTo"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "width": { "alias": "width"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "condition": { "alias": "condition"; "required": false; }; "mouseEnterDelay": { "alias": "mouseEnterDelay"; "required": false; }; "mouseLeaveDelay": { "alias": "mouseLeaveDelay"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XPopoverProperty, "[x-popover], x-popover", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "connectTo": { "alias": "connectTo"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "condition": { "alias": "condition"; "required": false; "isSignal": true; }; "mouseEnterDelay": { "alias": "mouseEnterDelay"; "required": false; "isSignal": true; }; "mouseLeaveDelay": { "alias": "mouseLeaveDelay"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; }, never, never, false, never>;
 }
 /**
  * @zh_CN 激活方式
@@ -92,3 +100,4 @@ export type XPopoverTrigger = 'hover' | 'click' | 'focus';
  * @decorator component
  */
 export declare const XPopoverPortalPrefix = "x-popover-portal";
+export {};

package/portal/portal.property.d.ts

@@ -6,8 +6,8 @@ import { OverlayRef, OverlayConfig, ConnectedPosition } from '@angular/cdk/overl
  * @selector x-portal
  * @decorator component
  */
-export declare const PortalPrefix = "x-portal";
-export declare const PortalResizablePrefix = "x-portal-resizable";
+export declare const XPortalPrefix = "x-portal";
+export declare const XPortalResizablePrefix = "x-portal-resizable";
 export declare const XPortalPlacement: {
     [proptery: string]: ConnectedPosition;
 };
@@ -15,12 +15,12 @@ export declare const XPortalConnectedPosition: Map<ConnectedPosition, string>;
 /**
  * Portal Property
  */
-export interface XPortalProperty {
+export interface XPortalProperty<T> {
     /**
      * @zh_CN 内容，模板/组件
      * @en_US Content, template/component
      */
-    content?: TemplateRef<any> | ComponentType<any>;
+    content?: TemplateRef<any> | ComponentType<T>;
     /**
      * @zh_CN 视图容器
      * @en_US View container

package/portal/portal.service.d.ts

@@ -11,7 +11,7 @@ export declare class XPortalService {
     injector: Injector;
     private rendererFactory;
     renderer: import("@angular/core").Renderer2;
-    attach<T>(option: XPortalProperty): XPortalOverlayRef<T>;
+    attach<T>(option: XPortalProperty<T>): XPortalOverlayRef<T>;
     createInjector(providers: StaticProvider[], viewContainerRef?: ViewContainerRef): Injector;
     setPlacement(param?: {
         elementRef?: ElementRef;
@@ -73,7 +73,7 @@ export declare class XPortalService {
         left?: undefined;
     };
     getOffset(offset: string[]): string[];
-    createOverlayRef(option: XPortalProperty): OverlayRef;
+    createOverlayRef<T>(option: XPortalProperty<T>): OverlayRef;
     setConnectedPosition(...placement: XPlace[] | XPlacement[]): ConnectedPosition[];
     static ɵfac: i0.ɵɵFactoryDeclaration<XPortalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<XPortalService>;

package/progress/progress.component.d.ts

@@ -1,44 +1,39 @@
-import { SimpleChanges, OnChanges } from '@angular/core';
 import { XProgressProperty } from './progress.property';
-import { XNumber, XConfigService } from '@ng-nest/ui/core';
+import { XProgressColorNode } from './progress.property';
+import type { XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XProgressComponent extends XProgressProperty implements OnChanges {
-    currentColor: string;
-    linearGradient: string;
-    stepsArray: Array<boolean>;
-    circleClipPath: string;
-    dashboardClipPath: string;
-    dashboardRailClipPath: string;
-    subLinearGradient: string;
-    get maskWidth(): number;
-    configService: XConfigService;
-    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;
+export declare class XProgressComponent extends XProgressProperty {
+    maskWidth: import("@angular/core").Signal<number>;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        "x-progress-inside": boolean;
+    }>;
+    stepsArray: import("@angular/core").Signal<boolean[]>;
+    currentColor: import("@angular/core").Signal<any>;
+    linearGradient: import("@angular/core").Signal<string>;
     /**
      * circle 中的 100% 等于 clip-path 中的 400%
      */
-    setCircleClipPath(): void;
+    circleClipPath: import("@angular/core").Signal<string>;
+    railValue: import("@angular/core").Signal<number>;
+    dashboardStart: import("@angular/core").Signal<string>;
     /**
      *
      * 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;
+    dashboardRailClipPath: import("@angular/core").Signal<string>;
+    dashboardClipPath: import("@angular/core").Signal<string>;
+    subLinearGradient: import("@angular/core").Signal<string>;
+    getLevelColor(percent: XNumber, color: XProgressColorNode[]): string;
+    sortGradient(percents: {
+        [percent: string]: string;
+    }): {
+        key: number;
+        value: string;
+    }[];
+    setCircleClipPathValue(start: string, railValue: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XProgressComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XProgressComponent, "x-progress", never, {}, {}, never, never, true, never>;
 }

package/progress/progress.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XNumber, XBoolean } from '@ng-nest/ui/core';
+import type { XNumber, XBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Progress
@@ -6,92 +6,100 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XProgressPrefix = "x-progress";
+declare const XProgressProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XProgressConfing | undefined;
+};
 /**
  * Progress Property
  */
-export declare class XProgressProperty extends XProperty {
+export declare class XProgressProperty extends XProgressProperty_base {
     /**
      * @zh_CN 进度条类型
      * @en_US Progress bar type
      */
-    type: XProgressType;
+    readonly type: import("@angular/core").InputSignal<XProgressType>;
     /**
      * @zh_CN 显示进度 0-100
      * @en_US Show progress 0-100
      */
-    percent: XNumber;
+    readonly percent: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 进度条高度
      * @en_US Height of progress bar
      */
-    height?: string;
+    readonly height: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 状态
      * @en_US Status
      */
-    status: XProgressStatus;
+    readonly status: import("@angular/core").InputSignal<XProgressStatus>;
     /**
-     * @zh_CN 是否显示百分比文本
+     * @zh_CN 是否显示百分比文本信息
      * @en_US Whether to display percentage text
      */
-    info: XBoolean;
+    readonly info: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 文本信息宽度
+     * @en_US The width of the text information
+     */
+    readonly infoWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 百分比文本是否显示在进度条里面
      * @en_US Whether the percentage text is displayed in the progress bar
      */
-    inside?: XBoolean;
+    readonly inside: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 自定义百分比文本内容
      * @en_US Custom percentage text content
      */
-    format?: Function;
+    readonly format: import("@angular/core").InputSignal<((percent: number) => string) | undefined>;
     /**
      * @zh_CN 自定义颜色
      * @en_US Custom color
      */
-    color?: XProgressColor;
+    readonly color: import("@angular/core").InputSignal<XProgressColor | undefined>;
     /**
      * @zh_CN 渐变颜色
      * @en_US Gradient color
      */
-    gradient?: XProgressGradient;
+    readonly gradient: import("@angular/core").InputSignal<XProgressGradient | undefined>;
     /**
      * @zh_CN 步骤进度条
      * @en_US Steps progress bar
      */
-    steps?: number;
+    readonly steps: import("@angular/core").InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 单个步骤的宽度
      * @en_US Single step width
      */
-    stepWidth?: string;
+    readonly stepWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 单个步骤的宽度自适应
      * @en_US Single step width flex
      */
-    stepFlex?: XBoolean;
+    readonly stepFlex: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 圆环/仪表盘厚度
      * @en_US Ring thickness
      */
-    thickness?: string;
+    readonly thickness: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 圆环/仪表盘尺寸
      * @en_US Ring size
      */
-    size?: string;
+    readonly size: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 仪表盘缺口角度 0~300
      * @en_US Dashboard notch angle
      */
-    notchAngle?: number;
+    readonly notchAngle: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 分段显示颜色，只适用 type = 'line'
      * @en_US Segmentation display color, only use of type = 'line'
      */
-    subsection?: XBoolean;
+    readonly subsection: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XProgressProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XProgressProperty, "x-progress-property", never, { "type": { "alias": "type"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; "height": { "alias": "height"; "required": false; }; "status": { "alias": "status"; "required": false; }; "info": { "alias": "info"; "required": false; }; "inside": { "alias": "inside"; "required": false; }; "format": { "alias": "format"; "required": false; }; "color": { "alias": "color"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "stepWidth": { "alias": "stepWidth"; "required": false; }; "stepFlex": { "alias": "stepFlex"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "size": { "alias": "size"; "required": false; }; "notchAngle": { "alias": "notchAngle"; "required": false; }; "subsection": { "alias": "subsection"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XProgressProperty, "x-progress-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "infoWidth": { "alias": "infoWidth"; "required": false; "isSignal": true; }; "inside": { "alias": "inside"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepWidth": { "alias": "stepWidth"; "required": false; "isSignal": true; }; "stepFlex": { "alias": "stepFlex"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "notchAngle": { "alias": "notchAngle"; "required": false; "isSignal": true; }; "subsection": { "alias": "subsection"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * @zh_CN 进度条类型
@@ -136,3 +144,4 @@ export type XProgressGradient = {
 } | {
     [percent: string]: string;
 });
+export {};

package/radio/radio.component.d.ts

@@ -1,23 +1,22 @@
-import { ElementRef, ChangeDetectorRef, OnChanges, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
 import { XRadioNode, XRadioProperty } from './radio.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XRadioComponent extends XRadioProperty implements OnInit, OnChanges, OnDestroy {
-    radio: ElementRef<HTMLElement>;
-    nodes: XRadioNode[];
-    radioType: 'initial' | 'button' | 'icon' | 'tag';
-    private _unSubject;
-    get beforeIsTemplate(): boolean;
-    get afterIsTemplate(): boolean;
-    private renderer;
-    cdr: ChangeDetectorRef;
-    configService: XConfigService;
-    ngOnInit(): void;
+export declare class XRadioComponent extends XRadioProperty implements OnChanges, OnDestroy {
+    radio: import("@angular/core").Signal<ElementRef<any>>;
+    nodes: import("@angular/core").WritableSignal<XRadioNode[]>;
+    private unSubject;
+    beforeIsTemplate: import("@angular/core").Signal<boolean>;
+    afterIsTemplate: import("@angular/core").Signal<boolean>;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    labelMapSignal: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    radioType: import("@angular/core").Signal<"initial" | "button" | "icon" | "tag">;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     writeValue(value: any): void;
-    setClassMap(): void;
-    setRadioType(): void;
     radioClick(event: Event, node: XRadioNode): void;
     private setData;
     formControlChanges(): void;