@ng-nest/ui 19.0.9 → 20.0.0

package/message-box/index.d.ts

@@ -1,5 +1,236 @@
+import * as _ng_nest_ui_message_box from '@ng-nest/ui/message-box';
+import * as i0 from '@angular/core';
+import { OnInit, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { XPlace, XStatus, XTemplate } from '@ng-nest/ui/core';
+import { XAlertOption } from '@ng-nest/ui/alert';
+import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { XInputType } from '@ng-nest/ui/input';
+import { Observable } from 'rxjs';
+import { UntypedFormGroup } from '@angular/forms';
+
 /**
- * Generated bundle index. Do not edit.
+ * MessageBox
+ * @selector x-message-box
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/message-box" />
-export * from './public-api';
+declare const XMessageBoxPrefix = "x-message-box";
+declare const XMessageBoxPortal = "x-message-box-portal";
+/**
+ * MessageBox Option
+ */
+interface XMessageBoxOption extends XAlertOption {
+    /**
+     * @zh_CN 方位，九宫格
+     * @en_US Direction, nine grid
+     * @default 'top'
+     */
+    placement?: XPlace;
+    /**
+     * @zh_CN 偏移距离
+     * @en_US Offset distance
+     * @default '2rem'
+     */
+    offset?: string | string[];
+    /**
+     * @zh_CN 类型
+     * @en_US Types of
+     * @default 'info'
+     */
+    type?: XMessageBoxType;
+    /**
+     * @zh_CN 宽度
+     * @en_US Width
+     * @default '16rem'
+     */
+    width?: string;
+    /**
+     * @zh_CN 高度
+     * @en_US Height
+     */
+    height?: string;
+    /**
+     * @zh_CN 隐藏关闭按钮
+     * @en_US Hide close button
+     * @default true
+     */
+    hideClose?: boolean;
+    /**
+     * @zh_CN 显示图标
+     * @en_US Show icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * @zh_CN 显示取消按钮
+     * @en_US Show cancel button
+     */
+    showCancel?: boolean;
+    /**
+     * @zh_CN 关闭事件
+     * @en_US Close event
+     */
+    callback?: XMessageBoxCallback;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     * @default false
+     */
+    backdropClose?: boolean;
+    /**
+     * @zh_CN 确认按钮文字
+     * @en_US Confirm button text
+     * @default '确定'
+     */
+    confirmText?: string;
+    /**
+     * @zh_CN 取消按钮文字
+     * @en_US Cancel button text
+     * @default '取消'
+     */
+    cancelText?: string;
+    /**
+     * @zh_CN 是否显示输入框，显示单行文本框后，将不能显示多行文本框
+     * @en_US Do not display input box. After displaying a single line text box, multi line text boxes cannot be displayed
+     */
+    showInput?: boolean;
+    /**
+     * @zh_CN 匹配规则
+     * @en_US Matching rules
+     */
+    inputPattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 匹配失败的信息提示
+     * @en_US Information prompt for matching failure
+     */
+    inputInvalidMessage?: string | string[];
+    /**
+     * @zh_CN 输入框的占位符
+     * @en_US Placeholder for input box
+     */
+    inputPlaceholder?: string;
+    /**
+     * @zh_CN 输入框的类型
+     * @en_US Type of input box
+     */
+    inputType?: XInputType;
+    /**
+     * @zh_CN 输入框的值
+     * @en_US Value of input box
+     */
+    inputValue?: string;
+    /**
+     * @zh_CN 输入框的验证函数
+     * @en_US Validation function of input box
+     */
+    inputValidator?: (value: any) => boolean;
+    /**
+     * @zh_CN 关闭前处理函数
+     * @en_US Processing function before closing
+     */
+    beforeClose?: XMessageBoxCallback;
+    /**
+     * @zh_CN 确认加载
+     * @en_US confirm Loading
+     */
+    confirmLoading?: XMessageBoxConfirmLoading;
+    /**
+     * @zh_CN 是否显示多行文本框
+     * @en_US Whether to show the input box
+     */
+    showTextarea?: boolean;
+    /**
+     * @zh_CN 输入最大长度
+     * @en_US Enter the maximum length
+     */
+    textareaMaxlength?: number;
+    /**
+     * @zh_CN 高度
+     * @en_US height
+     */
+    textareaHeight?: string;
+}
+/**
+ * @zh_CN 关闭的回调函数类型
+ * @en_US Closed callback function type
+ */
+interface XMessageBoxCallback {
+    (action: XMessageBoxAction, message?: string): void;
+}
+/**
+ * @zh_CN 确认加载
+ * @en_US confirm Loading
+ */
+type XMessageBoxConfirmLoading = () => Observable<boolean>;
+/**
+ * @zh_CN 触发关闭的类型
+ * @en_US Type of trigger closure
+ */
+type XMessageBoxAction = 'confirm' | 'cancel' | 'close';
+/**
+ * @zh_CN 创建的消息对象
+ * @en_US Message object created
+ */
+interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxComponent> {
+}
+interface XMessageBoxRef {
+    ref: XMessageBoxOverlayRef;
+    input: XMessageBoxOption;
+    close: () => void;
+}
+/**
+ * @zh_CN 类型
+ * @en_US Types of
+ */
+type XMessageBoxType = XStatus;
+
+declare class XMessageBoxComponent implements OnInit {
+    renderer: Renderer2;
+    elementRef: ElementRef<HTMLElement>;
+    cdr: ChangeDetectorRef;
+    messageBox: XMessageBoxRef;
+    action: XMessageBoxAction;
+    formGroup: UntypedFormGroup;
+    loading: boolean;
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    get msgInput(): _ng_nest_ui_message_box.XMessageBoxOption;
+    get msgOverlayRef(): _ng_nest_ui_message_box.XMessageBoxOverlayRef;
+    get getLabel(): string;
+    get getPattern(): RegExp;
+    ngOnInit(): void;
+    onClose(): void;
+    onCancel(): void;
+    hideBox(): void;
+    close(): void;
+    onConfirm(): void;
+    moveDone($event: {
+        toState: string;
+    }): void;
+    getInputValue(): any;
+    createFormGroup(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMessageBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMessageBoxComponent, "x-message-box", never, {}, {}, never, never, true, never>;
+}
+
+declare class XMessageBoxService {
+    default: XMessageBoxOption;
+    private portal;
+    private i18n;
+    alert(option: XTemplate | XMessageBoxOption): XMessageBoxRef;
+    confirm(option: XTemplate | XMessageBoxOption): XMessageBoxRef;
+    prompt(option: XTemplate | XMessageBoxOption): XMessageBoxRef;
+    create(option: XMessageBoxOption): XMessageBoxOverlayRef;
+    private createMessageBox;
+    private createMessageBoxPlacement;
+    private setLocal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMessageBoxService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XMessageBoxService>;
+}
+
+declare class XMessageBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMessageBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XMessageBoxModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XMessageBoxModule>;
+}
+
+export { XMessageBoxComponent, XMessageBoxModule, XMessageBoxPortal, XMessageBoxPrefix, XMessageBoxService };
+export type { XMessageBoxAction, XMessageBoxCallback, XMessageBoxConfirmLoading, XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxType };

package/notification/index.d.ts

@@ -1,5 +1,138 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import { XCorner, XStatus, XTemplate } from '@ng-nest/ui/core';
+import { XAlertOption } from '@ng-nest/ui/alert';
+import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { Subscription, Subject } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * Notification
+ * @selector x-notification
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/notification" />
-export * from './public-api';
+declare const XNotificationPrefix = "x-notification";
+declare const XNotificationPortal = "x-notification-portal";
+/**
+ * Notification Option
+ */
+interface XNotificationOption extends XAlertOption {
+    /**
+     * @zh_CN 方位
+     * @en_US Placement
+     * @default 'top-end'
+     */
+    placement?: XCorner;
+    /**
+     * @zh_CN 偏移距离
+     * @en_US Offset distance
+     * @default '0.5rem'
+     */
+    offset?: string | string[];
+    /**
+     * @zh_CN 类型
+     * @en_US Types of
+     * @default 'info'
+     */
+    type?: XNotificationType;
+    /**
+     * @zh_CN 宽度
+     * @en_US Width
+     * @default '20rem'
+     */
+    width?: string;
+    /**
+     * @zh_CN 高度
+     * @en_US Height
+     */
+    height?: string;
+    /**
+     * @zh_CN 延迟关闭时间
+     * @en_US Delay off time
+     * @default 4500
+     */
+    duration?: number;
+    /**
+     * @zh_CN 隐藏关闭按钮
+     * @en_US Hide close button
+     * @default true
+     */
+    hideClose?: boolean;
+    /**
+     * @zh_CN 显示图标
+     * @en_US Show icon
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * @zh_CN 延迟关闭订阅后的对象，用来释放或取消
+     * @en_US Delayed closing the subscribed object, used to release or cancel
+     */
+    durationSubscription?: Subscription | null;
+    /**
+     * @zh_CN 延迟关闭订阅对象
+     * @en_US Delay in closing the subscription object
+     */
+    durationSub?: Subject<any>;
+}
+/**
+ * @zh_CN 创建的消息对象
+ * @en_US Message object created
+ */
+interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationComponent> {
+}
+/**
+ * @zh_CN 九宫格中的消息对象
+ * @en_US Message object in nine grid
+ */
+interface XNotificationPlacement {
+    [property: string]: XNotificationRef;
+}
+interface XNotificationRef {
+    ref?: XNotificationOverlayRef;
+    list?: XNotificationOption[];
+}
+/**
+ * @zh_CN 类型
+ * @en_US Types of
+ */
+type XNotificationType = XStatus;
+
+declare class XNotificationComponent {
+    notification: XNotificationRef;
+    cdr: ChangeDetectorRef;
+    onClose(item: XNotificationOption): void;
+    moveDone($event: {
+        toState: string;
+    }): void;
+    onEnter(item: XNotificationOption): void;
+    onLeave(item: XNotificationOption): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XNotificationComponent, "x-notification", never, {}, {}, never, never, true, never>;
+}
+
+declare class XNotificationService {
+    notifications: XNotificationPlacement;
+    default: XNotificationOption;
+    private portal;
+    info(option: XTemplate | XNotificationOption): XNotificationRef;
+    success(option: XTemplate | XNotificationOption): XNotificationRef;
+    warning(option: XTemplate | XNotificationOption): XNotificationRef;
+    error(option: XTemplate | XNotificationOption): XNotificationRef;
+    create(option: XNotificationOption): XNotificationOverlayRef;
+    private createNotification;
+    private createNotificationPlacement;
+    private notificationChange;
+    private setDuration;
+    private removeNotification;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XNotificationService>;
+}
+
+declare class XNotificationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XNotificationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XNotificationModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XNotificationModule>;
+}
+
+export { XNotificationComponent, XNotificationModule, XNotificationPortal, XNotificationPrefix, XNotificationService };
+export type { XNotificationOption, XNotificationOverlayRef, XNotificationPlacement, XNotificationRef, XNotificationType };

package/outlet/index.d.ts

@@ -1,5 +1,30 @@
+import * as i0 from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
+
+declare class XOutletDirective implements OnChanges {
+    xOutletContext: i0.InputSignal<any>;
+    xOutlet: i0.InputSignal<any>;
+    private embeddedViewRef;
+    private viewContainer;
+    private templateRef;
+    ngOnChanges(changes: SimpleChanges): void;
+    private recreateView;
+    private updateContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XOutletDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XOutletDirective, "[xOutlet]", never, { "xOutletContext": { "alias": "xOutletContext"; "required": false; "isSignal": true; }; "xOutlet": { "alias": "xOutlet"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class XOutletModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XOutletModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XOutletModule, never, [typeof XOutletDirective], [typeof XOutletDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XOutletModule>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Outlet 指令名称
+ * @selector x-outlet
+ * @decorator directive
  */
-/// <amd-module name="@ng-nest/ui/outlet" />
-export * from './public-api';
+declare const XOutletPrefix = "x-outlet";
+
+export { XOutletDirective, XOutletModule, XOutletPrefix };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "19.0.9",
+  "version": "20.0.0",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -15,13 +15,13 @@
   },
   "dependencies": {
     "tslib": "^2.3.0",
-    "@angular/cdk": "^19.0.0"
+    "@angular/cdk": "^20.0.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0"
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0"
   },
   "module": "fesm2022/ng-nest-ui.mjs",
   "typings": "index.d.ts",
@@ -41,18 +41,22 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-alert.mjs"
     },
-    "./auto-complete": {
-      "types": "./auto-complete/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
-    },
     "./anchor": {
       "types": "./anchor/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-anchor.mjs"
     },
+    "./auto-complete": {
+      "types": "./auto-complete/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
+    },
     "./api": {
       "types": "./api/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-api.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
+    },
     "./back-top": {
       "types": "./back-top/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-back-top.mjs"
@@ -61,10 +65,6 @@
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-badge.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
-    },
     "./base-form": {
       "types": "./base-form/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-base-form.mjs"
@@ -73,21 +73,21 @@
       "types": "./calendar/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-calendar.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-button.mjs"
+    },
     "./card": {
       "types": "./card/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-card.mjs"
     },
-    "./cascade": {
-      "types": "./cascade/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-cascade.mjs"
-    },
     "./carousel": {
       "types": "./carousel/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-carousel.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-button.mjs"
+    "./cascade": {
+      "types": "./cascade/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-cascade.mjs"
     },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
@@ -101,26 +101,26 @@
       "types": "./color/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-color.mjs"
     },
-    "./comment": {
-      "types": "./comment/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-comment.mjs"
-    },
     "./color-picker": {
       "types": "./color-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-color-picker.mjs"
     },
+    "./comment": {
+      "types": "./comment/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-comment.mjs"
+    },
     "./container": {
       "types": "./container/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-container.mjs"
     },
-    "./crumb": {
-      "types": "./crumb/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-crumb.mjs"
-    },
     "./core": {
       "types": "./core/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-core.mjs"
     },
+    "./crumb": {
+      "types": "./crumb/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-crumb.mjs"
+    },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-date-picker.mjs"
@@ -297,14 +297,14 @@
       "types": "./slider-select/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-slider-select.mjs"
     },
-    "./statistic": {
-      "types": "./statistic/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-statistic.mjs"
-    },
     "./steps": {
       "types": "./steps/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-steps.mjs"
     },
+    "./statistic": {
+      "types": "./statistic/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-statistic.mjs"
+    },
     "./switch": {
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-switch.mjs"

package/page-header/index.d.ts

@@ -1,5 +1,63 @@
+import * as _angular_core from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XI18nPageHeader } from '@ng-nest/ui/i18n';
+
 /**
- * Generated bundle index. Do not edit.
+ * PageHeader
+ * @selector x-page-header
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/page-header" />
-export * from './public-api';
+declare const XPageHeaderPrefix = "x-page-header";
+declare const XPageHeaderProperty_base: new () => {
+    config: _ng_nest_ui_core.XPageHeaderConfig | undefined;
+};
+/**
+ * PageHeader Property
+ */
+declare class XPageHeaderProperty extends XPageHeaderProperty_base {
+    /**
+     * @zh_CN 返回图标
+     * @en_US Back icon
+     */
+    readonly backIcon: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 返回文字
+     * @en_US Return text
+     */
+    readonly backText: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 标题
+     * @en_US Title
+     */
+    readonly title: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 副标题
+     * @en_US Subtitle
+     */
+    readonly subTitle: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 点击返回的事件
+     * @en_US Click to return event
+     */
+    readonly backClick: _angular_core.OutputEmitterRef<Event>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XPageHeaderProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XPageHeaderProperty, "x-page-header-property", never, { "backIcon": { "alias": "backIcon"; "required": false; "isSignal": true; }; "backText": { "alias": "backText"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; }, never, never, true, never>;
+}
+
+declare class XPageHeaderComponent extends XPageHeaderProperty {
+    private i18n;
+    locale: _angular_core.Signal<XI18nPageHeader | {
+        back: string;
+    }>;
+    backTextSignal: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XPageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XPageHeaderComponent, "x-page-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class XPageHeaderModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XPageHeaderModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XPageHeaderModule, never, [typeof XPageHeaderComponent], [typeof XPageHeaderComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XPageHeaderModule>;
+}
+
+export { XPageHeaderComponent, XPageHeaderModule, XPageHeaderPrefix, XPageHeaderProperty };