@ng-nest/ui 20.2.9 → 20.3.1

package/message-box/index.d.ts

@@ -97,12 +97,12 @@ interface XMessageBoxOption extends XAlertOption {
      * @zh_CN 匹配规则
      * @en_US Matching rules
      */
-    inputPattern?: RegExp | RegExp[];
+    inputPattern?: RegExp;
     /**
      * @zh_CN 匹配失败的信息提示
      * @en_US Information prompt for matching failure
      */
-    inputInvalidMessage?: string | string[];
+    inputInvalidMessage?: string;
     /**
      * @zh_CN 输入框的占位符
      * @en_US Placeholder for input box
@@ -170,7 +170,20 @@ type XMessageBoxAction = 'confirm' | 'cancel' | 'close';
  * @zh_CN 创建的消息对象
  * @en_US Message object created
  */
-interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxComponent> {
+interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxHandle> {
+}
+/**
+ * @zh_CN 创建的消息组件定义
+ * @en_US Message object created
+ */
+interface XMessageBoxHandle {
+    messageBox: XMessageBoxRef;
+    onClose(): void;
+    onCancel(): void;
+    hideBox(): void;
+    onConfirm(): void;
+    moveDone($event: AnimationEvent): void;
+    getInputValue(): any;
 }
 interface XMessageBoxRef {
     ref: XMessageBoxOverlayRef;
@@ -183,7 +196,7 @@ interface XMessageBoxRef {
  */
 type XMessageBoxType = XStatus;
 
-declare class XMessageBoxComponent implements OnInit {
+declare class XMessageBoxComponent implements OnInit, XMessageBoxHandle {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
@@ -234,4 +247,4 @@ declare class XMessageBoxModule {
 }
 
 export { XMessageBoxComponent, XMessageBoxModule, XMessageBoxPortal, XMessageBoxPrefix, XMessageBoxService };
-export type { XMessageBoxAction, XMessageBoxCallback, XMessageBoxConfirmLoading, XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxType };
+export type { XMessageBoxAction, XMessageBoxCallback, XMessageBoxConfirmLoading, XMessageBoxHandle, XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxType };

package/notification/index.d.ts

@@ -78,7 +78,19 @@ interface XNotificationOption extends XAlertOption {
  * @zh_CN 创建的消息对象
  * @en_US Message object created
  */
-interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationComponent> {
+interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationHandle> {
+}
+/**
+ * @zh_CN 创建的消息组件定义
+ * @en_US Message object created
+ */
+interface XNotificationHandle {
+    notification: XNotificationRef;
+    cdr: ChangeDetectorRef;
+    onClose(item: XNotificationOption): void;
+    moveDone($event: AnimationEvent): void;
+    onEnter(item: XNotificationOption): void;
+    onLeave(item: XNotificationOption): void;
 }
 /**
  * @zh_CN 九宫格中的消息对象
@@ -97,7 +109,7 @@ interface XNotificationRef {
  */
 type XNotificationType = XStatus;
 
-declare class XNotificationComponent {
+declare class XNotificationComponent implements XNotificationHandle {
     notification: XNotificationRef;
     cdr: ChangeDetectorRef;
     onClose(item: XNotificationOption): void;
@@ -133,4 +145,4 @@ declare class XNotificationModule {
 }
 
 export { XNotificationComponent, XNotificationModule, XNotificationPortal, XNotificationPrefix, XNotificationService };
-export type { XNotificationOption, XNotificationOverlayRef, XNotificationPlacement, XNotificationRef, XNotificationType };
+export type { XNotificationHandle, XNotificationOption, XNotificationOverlayRef, XNotificationPlacement, XNotificationRef, XNotificationType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "20.2.9",
+  "version": "20.3.1",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -33,17 +33,13 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/ng-nest-ui.mjs"
     },
-    "./affix": {
-      "types": "./affix/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-affix.mjs"
-    },
     "./alert": {
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-alert.mjs"
     },
-    "./anchor": {
-      "types": "./anchor/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-anchor.mjs"
+    "./affix": {
+      "types": "./affix/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-affix.mjs"
     },
     "./api": {
       "types": "./api/index.d.ts",
@@ -57,9 +53,9 @@
       "types": "./auto-complete/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
+    "./anchor": {
+      "types": "./anchor/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-anchor.mjs"
     },
     "./back-top": {
       "types": "./back-top/index.d.ts",
@@ -69,6 +65,10 @@
       "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"
@@ -93,10 +93,6 @@
       "types": "./carousel/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-carousel.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-checkbox.mjs"
-    },
     "./cascade": {
       "types": "./cascade/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-cascade.mjs"
@@ -105,22 +101,30 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-collapse.mjs"
     },
-    "./color": {
-      "types": "./color/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-color.mjs"
-    },
     "./color-picker": {
       "types": "./color-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-color-picker.mjs"
     },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-checkbox.mjs"
+    },
     "./comment": {
       "types": "./comment/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-comment.mjs"
     },
+    "./color": {
+      "types": "./color/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-color.mjs"
+    },
     "./container": {
       "types": "./container/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-container.mjs"
     },
+    "./contextmenu": {
+      "types": "./contextmenu/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-contextmenu.mjs"
+    },
     "./core": {
       "types": "./core/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-core.mjs"
@@ -141,6 +145,10 @@
       "types": "./description/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-description.mjs"
     },
+    "./divider": {
+      "types": "./divider/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-divider.mjs"
+    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-dialog.mjs"
@@ -153,6 +161,10 @@
       "types": "./drag/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-drag.mjs"
     },
+    "./empty": {
+      "types": "./empty/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-empty.mjs"
+    },
     "./drawer": {
       "types": "./drawer/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-drawer.mjs"
@@ -161,18 +173,14 @@
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-dropdown.mjs"
     },
-    "./empty": {
-      "types": "./empty/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-empty.mjs"
+    "./examples": {
+      "types": "./examples/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-examples.mjs"
     },
     "./find": {
       "types": "./find/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-find.mjs"
     },
-    "./examples": {
-      "types": "./examples/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-examples.mjs"
-    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-form.mjs"
@@ -189,22 +197,18 @@
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-icon.mjs"
     },
-    "./image": {
-      "types": "./image/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-image.mjs"
-    },
     "./inner": {
       "types": "./inner/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-inner.mjs"
     },
+    "./image": {
+      "types": "./image/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-image.mjs"
+    },
     "./input": {
       "types": "./input/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-input.mjs"
     },
-    "./input-number": {
-      "types": "./input-number/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-input-number.mjs"
-    },
     "./keyword": {
       "types": "./keyword/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-keyword.mjs"
@@ -213,6 +217,10 @@
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-layout.mjs"
     },
+    "./input-number": {
+      "types": "./input-number/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-input-number.mjs"
+    },
     "./link": {
       "types": "./link/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-link.mjs"
@@ -245,14 +253,14 @@
       "types": "./outlet/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-outlet.mjs"
     },
-    "./page-header": {
-      "types": "./page-header/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-page-header.mjs"
-    },
     "./pagination": {
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-pagination.mjs"
     },
+    "./page-header": {
+      "types": "./page-header/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-page-header.mjs"
+    },
     "./pattern": {
       "types": "./pattern/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-pattern.mjs"
@@ -277,14 +285,14 @@
       "types": "./prompts/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-prompts.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-radio.mjs"
-    },
     "./rate": {
       "types": "./rate/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-rate.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-radio.mjs"
+    },
     "./resizable": {
       "types": "./resizable/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-resizable.mjs"
@@ -309,26 +317,30 @@
       "types": "./sender/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-sender.mjs"
     },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-slider.mjs"
+    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-skeleton.mjs"
     },
-    "./slider": {
-      "types": "./slider/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-slider.mjs"
+    "./splitter": {
+      "types": "./splitter/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-splitter.mjs"
     },
     "./slider-select": {
       "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"
+    },
     "./suggestion": {
       "types": "./suggestion/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-suggestion.mjs"
@@ -413,6 +425,10 @@
       "types": "./upload/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-upload.mjs"
     },
+    "./watermark": {
+      "types": "./watermark/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-watermark.mjs"
+    },
     "./welcome": {
       "types": "./welcome/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-welcome.mjs"

package/radio/index.d.ts

@@ -19,19 +19,18 @@ declare const XRadioProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -56,8 +55,8 @@ declare const XRadioProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -298,7 +297,7 @@ declare class XRadioComponent extends XRadioProperty implements OnChanges, OnDes
     labelMapSignal: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    radioType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
+    radioType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     radioClick(event: Event, node: XRadioNode): void;

package/rate/index.d.ts

@@ -18,19 +18,18 @@ declare const XRateProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -55,8 +54,8 @@ declare const XRateProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;

package/scrollable/index.d.ts

@@ -14,23 +14,35 @@ declare class XScrollableComponent implements AfterViewInit, OnDestroy {
     xOffsetRight: _angular_core.InputSignal<number>;
     maxHeight: _angular_core.InputSignal<string>;
     maxWidth: _angular_core.InputSignal<string>;
+    resizeChange: _angular_core.OutputEmitterRef<ResizeObserverEntry>;
+    scrollChange: _angular_core.OutputEmitterRef<Event>;
     private contentRef;
     private trackXRef;
     private thumbXRef;
     private trackYRef;
     private thumbYRef;
     isActive: _angular_core.WritableSignal<boolean>;
+    isAtTop: _angular_core.WritableSignal<boolean>;
+    isAtBottom: _angular_core.WritableSignal<boolean>;
+    isAtLeft: _angular_core.WritableSignal<boolean>;
+    isAtRight: _angular_core.WritableSignal<boolean>;
+    hasVerticalScrollbar: _angular_core.WritableSignal<boolean>;
+    hasHorizontalScrollbar: _angular_core.WritableSignal<boolean>;
     private isDragging;
     private dragAxis;
     private dragStart;
     private initialScroll;
     private resizeObserver;
+    private mutationObserver;
+    private scrollListener;
     private unlistenMouseMove;
     private unlistenMouseUp;
+    private resizeTimeoutId;
+    private mutationTimeoutId;
     constructor(renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    updateScrollbars(): void;
+    updateScrollbars(scroll?: boolean, event?: Event): void;
     private updateVerticalScrollbar;
     private updateHorizontalScrollbar;
     startDrag(event: MouseEvent, axis: DragAxis): void;
@@ -39,7 +51,7 @@ declare class XScrollableComponent implements AfterViewInit, OnDestroy {
     onHostEnter(): void;
     onHostLeave(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XScrollableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XScrollableComponent, "x-scrollable", never, { "yOffsetTop": { "alias": "yOffsetTop"; "required": false; "isSignal": true; }; "yOffsetBottom": { "alias": "yOffsetBottom"; "required": false; "isSignal": true; }; "yOffsetLeft": { "alias": "yOffsetLeft"; "required": false; "isSignal": true; }; "yOffsetRight": { "alias": "yOffsetRight"; "required": false; "isSignal": true; }; "xOffsetTop": { "alias": "xOffsetTop"; "required": false; "isSignal": true; }; "xOffsetBottom": { "alias": "xOffsetBottom"; "required": false; "isSignal": true; }; "xOffsetLeft": { "alias": "xOffsetLeft"; "required": false; "isSignal": true; }; "xOffsetRight": { "alias": "xOffsetRight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XScrollableComponent, "x-scrollable", never, { "yOffsetTop": { "alias": "yOffsetTop"; "required": false; "isSignal": true; }; "yOffsetBottom": { "alias": "yOffsetBottom"; "required": false; "isSignal": true; }; "yOffsetLeft": { "alias": "yOffsetLeft"; "required": false; "isSignal": true; }; "yOffsetRight": { "alias": "yOffsetRight"; "required": false; "isSignal": true; }; "xOffsetTop": { "alias": "xOffsetTop"; "required": false; "isSignal": true; }; "xOffsetBottom": { "alias": "xOffsetBottom"; "required": false; "isSignal": true; }; "xOffsetLeft": { "alias": "xOffsetLeft"; "required": false; "isSignal": true; }; "xOffsetRight": { "alias": "xOffsetRight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "resizeChange": "resizeChange"; "scrollChange": "scrollChange"; }, never, ["*"], true, never>;
 }
 
 declare class XScrollableModule {