@ng-nest/ui 17.0.11 → 18.0.0

package/image/image.component.d.ts

@@ -1,24 +1,23 @@
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { XImageProperty } from './image.property';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XI18nImage } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
-export declare class XImageComponent extends XImageProperty implements OnInit, OnChanges {
-    locale: XI18nImage;
-    isError: boolean;
-    isLoaded: boolean;
-    private _unSubject;
-    get getPreviewText(): string | undefined;
-    private cdr;
+export declare class XImageComponent extends XImageProperty implements OnInit, OnDestroy {
     private dialog;
     private i18n;
     private group;
     configService: XConfigService;
+    isError: import("@angular/core").WritableSignal<boolean>;
+    isLoaded: import("@angular/core").WritableSignal<boolean>;
+    locale: import("@angular/core").Signal<import("@ng-nest/ui/i18n").XI18nImage | {
+        previewText: string;
+    }>;
+    previewTextSignal: import("@angular/core").Signal<string | undefined>;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     onPreview(): void;
-    onError(event: Event): void;
+    onError(event: ErrorEvent): void;
     onLoad(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XImageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XImageComponent, "x-image", never, {}, {}, never, never, true, never>;

package/image/image.property.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '@angular/core';
-import { XProperty, XTemplate } from '@ng-nest/ui/core';
+import { XProperty } from '@ng-nest/ui/core';
+import type { XNumber, XTemplate } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Image
@@ -7,63 +7,163 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XImagePrefix = "x-image";
+declare const XImageProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XImageConfig | undefined;
+};
 /**
  * Image Property
  */
-export declare class XImageProperty extends XProperty {
+export declare class XImageProperty extends XImageProperty_base {
     /**
      * @zh_CN 图片显示地址
      * @en_US Picture display address
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     * ></x-image>
+     * ```
+     *
      */
-    src?: string;
+    readonly src: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 图片宽度
      * @en_US Picture width
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     * ></x-image>
+     * ```
+     *
      */
-    width?: string;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 图片高度
      * @en_US Picture height
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     * ></x-image>
+     * ```
+     *
      */
-    height?: string;
+    readonly height: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 图像描述
      * @en_US Image description
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   alt="ng-nest-admin-light"
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     * ></x-image>
+     * ```
+     *
      */
-    alt?: string;
+    readonly alt: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 加载失败显示的地址
      * @en_US Load fault tolerance address
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="error"
+     *   fallback="data:image/png;base64,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"
+     * ></x-image>
+     * ```
+     *
      */
-    fallback?: string;
+    readonly fallback: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 预览文字
      * @en_US Preview text
      * @default '预览'
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     *   previewText="查看"
+     * ></x-image>
+     * ```
+     *
      */
-    previewText?: string;
+    readonly previewText: import("@angular/core").InputSignal<string>;
     /**
-     * @zh_CN 渐进加载显示的图片
-     * @en_US Gradually loaded the display of the display
+     * @zh_CN 渐进加载显示的图片地址
+     * @en_US Progressive loading image addresses
      */
-    placeholder?: string;
+    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 自定义预览操作
      * @en_US Custom preview operation
      */
-    previewTpl?: XTemplate;
+    readonly previewTpl: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 图片加载错误
      * @en_US Picture load failed
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="error"
+     *   (error)="onError($event)"
+     * ></x-image>
+     * ```
+     *
+     * ```typescript
+     * onError(event: ErrorEvent) {
+     *   console.log(event)
+     * }
+     * ```
+     *
      */
-    error: EventEmitter<any>;
+    readonly error: import("@angular/core").OutputEmitterRef<ErrorEvent>;
     /**
      * @zh_CN 图片加载完成
      * @en_US Picture loading complete
+     * @example
+     *
+     * ```html
+     * <x-image
+     *   width="100px"
+     *   height="100px"
+     *   src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
+     *   (load)="onLoad($event)"
+     * ></x-image>
+     * ```
+     *
+     * ```typescript
+     * onLoad(event: Event) {
+     *   console.log(event)
+     * }
+     * ```
+     *
      */
-    load: EventEmitter<any>;
+    readonly load: import("@angular/core").OutputEmitterRef<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XImageProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XImageProperty, "x-image-property", never, { "src": { "alias": "src"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "fallback": { "alias": "fallback"; "required": false; }; "previewText": { "alias": "previewText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "previewTpl": { "alias": "previewTpl"; "required": false; }; }, { "error": "error"; "load": "load"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XImageProperty, "x-image-property", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "fallback": { "alias": "fallback"; "required": false; "isSignal": true; }; "previewText": { "alias": "previewText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "previewTpl": { "alias": "previewTpl"; "required": false; "isSignal": true; }; }, { "error": "error"; "load": "load"; }, never, never, false, never>;
 }
 /**
  * @zh_CN 图片节点数据
@@ -110,3 +210,4 @@ export declare class XImagePreviewProperty extends XProperty {
  * @decorator component
  */
 export declare const XImageGroupPrefix = "x-image-group";
+export {};

package/index.d.ts

@@ -5,7 +5,6 @@ export * from '@ng-nest/ui/core';
 /**
  * Basic
  */
-export * from '@ng-nest/ui/border';
 export * from '@ng-nest/ui/button';
 export * from '@ng-nest/ui/color';
 export * from '@ng-nest/ui/container';
@@ -14,7 +13,6 @@ export * from '@ng-nest/ui/icon';
 export * from '@ng-nest/ui/i18n';
 export * from '@ng-nest/ui/link';
 export * from '@ng-nest/ui/theme';
-export * from '@ng-nest/ui/typography';
 /**
  * Data
  */

package/inner/inner.component.d.ts

@@ -1,15 +1,8 @@
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { XInnerProperty } from './inner.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XInnerComponent extends XInnerProperty implements OnInit, OnChanges {
-    private renderer;
-    private elementRef;
-    configService: XConfigService;
-    private _ele;
-    ngOnInit(): void;
-    ngOnChanges(_changes: SimpleChanges): void;
-    setStyle(): void;
+export declare class XInnerComponent extends XInnerProperty {
+    className: string;
+    get getPadding(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInnerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XInnerComponent, "x-inner", never, {}, {}, never, ["*"], true, never>;
 }

package/inner/inner.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty } from '@ng-nest/ui/core';
+import { XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Inner
@@ -6,15 +6,19 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XInnerPrefix = "x-inner";
+declare const XInnerProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XInnerConfig | undefined;
+};
 /**
  * Inner Property
  */
-export declare class XInnerProperty extends XProperty {
+export declare class XInnerProperty extends XInnerProperty_base {
     /**
      * @zh_CN 内边距
      * @en_US Inner padding
      */
-    padding?: string;
+    readonly padding: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInnerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XInnerProperty, "x-inner-property", never, { "padding": { "alias": "padding"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInnerProperty, "x-inner-property", never, { "padding": { "alias": "padding"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};

package/input/input-group.component.d.ts

@@ -1,9 +1,7 @@
 import { ElementRef } from '@angular/core';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XInputGroupProperty } from './input.property';
 import * as i0 from "@angular/core";
 export declare class XInputGroupComponent extends XInputGroupProperty {
-    configService: XConfigService;
     elementRef: ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInputGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XInputGroupComponent, "x-input-group", never, {}, {}, never, ["*"], true, never>;

package/input/input.component.d.ts

@@ -1,49 +1,51 @@
-import { OnInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { XInputProperty } from './input.property';
-import { XConfigService } from '@ng-nest/ui/core';
+import { XSize } from '@ng-nest/ui/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class XInputComponent extends XInputProperty implements OnInit, OnChanges {
-    inputElement: ElementRef<HTMLElement>;
-    inputRef: ElementRef<HTMLInputElement>;
-    inputValueRef: ElementRef<HTMLElement>;
-    get getWidth(): import("@ng-nest/ui/core").XNumber;
+export declare class XInputComponent extends XInputProperty implements OnInit {
+    inputElement: import("@angular/core").Signal<ElementRef<any>>;
+    inputRef: import("@angular/core").Signal<ElementRef<any>>;
+    inputValueRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    maxLengthRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    get getWidth(): string;
     writeValue(value: any): void;
-    valueLength: number;
-    lengthTotal: string;
-    paddingLeft: number;
-    paddingRight: number;
-    clearShow: boolean;
-    flexClass: string[];
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    labelMapSignal: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    valueLength: import("@angular/core").WritableSignal<number>;
+    lengthTotal: import("@angular/core").WritableSignal<string>;
+    paddingLeft: import("@angular/core").Signal<string>;
+    paddingRight: import("@angular/core").Signal<string>;
+    clearShow: import("@angular/core").Signal<boolean>;
     valueChange: Subject<any>;
-    isComposition: boolean;
-    isWriteValue: boolean;
-    private _required;
-    private _unSubject;
-    get getIcon(): boolean;
-    get getIconLayoutLeft(): boolean;
-    get getIconLayoutRight(): boolean;
-    get beforeIsTemplate(): boolean;
-    get afterIsTemplate(): boolean;
-    get getTemplateWidth(): string;
-    private renderer;
+    isComposition: import("@angular/core").WritableSignal<boolean>;
+    isWriteValue: import("@angular/core").WritableSignal<boolean>;
+    private unSubject;
+    getIcon: import("@angular/core").Signal<boolean>;
+    getIconLayoutLeft: import("@angular/core").Signal<boolean>;
+    getIconLayoutRight: import("@angular/core").Signal<boolean>;
+    getMaxLengthWidth: import("@angular/core").Signal<string>;
+    beforeIsTemplate: import("@angular/core").Signal<boolean>;
+    afterIsTemplate: import("@angular/core").Signal<boolean>;
+    getTemplateWidth: import("@angular/core").Signal<string>;
+    focused: import("@angular/core").WritableSignal<boolean>;
+    groupSize: import("@angular/core").WritableSignal<XSize | null>;
+    groupBordered: import("@angular/core").WritableSignal<boolean | null>;
     cdr: ChangeDetectorRef;
     private inputGroup;
     elementRef: ElementRef<any>;
-    configService: XConfigService;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     setEvent(): void;
     inputCheckValue(x: Event): void;
     change(value: any): void;
     onClear(): void;
-    setFlexClass(): void;
-    setClearable(): void;
     setInheritedValue(): void;
-    setPadding(): void;
     inputFocus(type?: 'focus' | 'select' | 'before' | 'after'): void;
-    setClassMap(): void;
     formControlChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XInputComponent, "x-input", never, {}, {}, never, never, true, never>;