@ng-nest/ui 21.0.10 → 21.0.12

package/types/ng-nest-ui-theme.d.ts

@@ -25,19 +25,18 @@ declare const XThemeProperty_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;
@@ -62,8 +61,8 @@ declare const XThemeProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<_ng_nest_ui_core.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/types/ng-nest-ui-time-picker.d.ts

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, AfterViewInit, OnDestroy, ElementRef, ComponentRef
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant, XCorner, XData, XIdentityProperty, XFloatLabel, XPositionTopBottom, XIdentity } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant, XPlacement, XData, XIdentityProperty, XFloatLabel, XPositionTopBottom, XIdentity } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XI18nTimePicker } from '@ng-nest/ui/i18n';
@@ -24,19 +24,18 @@ declare const XTimePickerProperty_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;
@@ -61,8 +60,8 @@ declare const XTimePickerProperty_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>;
@@ -90,7 +89,7 @@ declare class XTimePickerProperty extends XTimePickerProperty_base {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    readonly placement: _angular_core.InputSignal<XCorner>;
+    readonly placement: _angular_core.InputSignal<XPlacement>;
     /**
      * @zh_CN 使用12小时制
      * @en_US Use 12 hour clock
@@ -230,12 +229,12 @@ declare class XTimePickerProperty extends XTimePickerProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -287,7 +286,7 @@ interface XTimePickerOption extends XFormOption {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XCorner;
+    placement?: XPlacement;
     /**
      * @zh_CN 使用12小时制
      * @en_US Use 12 hour clock
@@ -412,12 +411,12 @@ interface XTimePickerOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -539,6 +538,7 @@ declare class XTimePickerComponent extends XTimePickerProperty implements OnInit
     private i18n;
     datePicker: _angular_core.Signal<ElementRef<HTMLElement>>;
     inputCom: _angular_core.Signal<XInputComponent>;
+    numberValue: _angular_core.WritableSignal<string | number | null>;
     locale: _angular_core.Signal<XI18nTimePicker | {
         am: string;
         pm: string;
@@ -548,7 +548,7 @@ declare class XTimePickerComponent extends XTimePickerProperty implements OnInit
         selectMinute: string;
     }>;
     writeValue(value: any): void;
-    displayValue: _angular_core.Signal<string | null | undefined>;
+    displayValue: _angular_core.Signal<string | null>;
     formatSignal: _angular_core.Signal<string>;
     clearable: _angular_core.WritableSignal<boolean>;
     enter: _angular_core.WritableSignal<boolean>;
@@ -578,7 +578,8 @@ declare class XTimePickerComponent extends XTimePickerProperty implements OnInit
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
     onNodeClick(date: Date): void;
-    setValue(value: Date): number | Date;
+    modelChange(): void;
+    getValue(): string | number | Date | null;
     setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;

package/types/ng-nest-ui-transfer.d.ts

@@ -22,19 +22,18 @@ declare const XTransferProperty_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;
@@ -59,8 +58,8 @@ declare const XTransferProperty_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/types/ng-nest-ui-tree-select.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPositionTopBottom, XFloatLabel, XPlacement } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XFloatLabel } from '@ng-nest/ui/core';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, OnChanges, AfterViewInit, OnDestroy, ChangeDetectorRef, ElementRef, ComponentRef, SimpleChanges } from '@angular/core';
 import * as rxjs from 'rxjs';
@@ -30,19 +30,18 @@ declare const XTreeSelectProperty_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;
@@ -67,8 +66,8 @@ declare const XTreeSelectProperty_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>;
@@ -101,7 +100,7 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    readonly placement: _angular_core.InputSignal<XPositionTopBottom>;
+    readonly placement: _angular_core.InputSignal<XPlacement>;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
@@ -292,12 +291,12 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -349,7 +348,7 @@ interface XTreeSelectOption extends XFormOption {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XPositionTopBottom;
+    placement?: XPlacement;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
@@ -515,12 +514,12 @@ interface XTreeSelectOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -595,7 +594,7 @@ declare class XTreeSelectPortalComponent {
     private i18n;
     value: _angular_core.ModelSignal<any>;
     data: _angular_core.InputSignal<XTreeSelectNode[]>;
-    placement: _angular_core.InputSignal<XPlacement>;
+    placement: _angular_core.InputSignal<XPlacement | undefined>;
     multiple: _angular_core.InputSignal<boolean>;
     nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     inputCom: _angular_core.InputSignal<XInputComponent | undefined>;

package/types/ng-nest-ui-upload.d.ts

@@ -20,19 +20,18 @@ declare const XUploadProperty_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;
@@ -57,8 +56,8 @@ declare const XUploadProperty_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/types/ng-nest-ui-watermark.d.ts

@@ -0,0 +1,267 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XNumber, XBoolean } from '@ng-nest/ui/core';
+
+/**
+ * Watermark
+ * @selector x-watermark
+ * @decorator component
+ */
+declare const XWatermarkPrefix = "x-watermark";
+declare const XWatermarkProperty_base: new () => {
+    config: _ng_nest_ui_core.XWatermarkConfig | undefined;
+};
+/**
+ * Watermark Property
+ */
+declare class XWatermarkProperty extends XWatermarkProperty_base {
+    /**
+     * @zh_CN 水印内容
+     * @en_US Watermark content
+     * @example
+     *
+     * ```html
+     * <x-watermark content="NG-NEST"></x-watermark>
+     * ```
+     *
+     */
+    readonly content: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 水印宽度
+     * @en_US Watermark width
+     * @example
+     *
+     * ```html
+     * <x-watermark [width]="120"></x-watermark>
+     * ```
+     *
+     */
+    readonly width: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 水印高度
+     * @en_US Watermark height
+     * @example
+     *
+     * ```html
+     * <x-watermark [height]="60"></x-watermark>
+     * ```
+     *
+     */
+    readonly height: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 旋转角度
+     * @en_US Rotation angle
+     * @example
+     *
+     * ```html
+     * <x-watermark [rotate]="-22"></x-watermark>
+     * <x-watermark [rotate]="0"></x-watermark>
+     * ```
+     *
+     */
+    readonly rotate: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 字体大小
+     * @en_US Font size
+     * @example
+     *
+     * ```html
+     * <x-watermark [fontSize]="14"></x-watermark>
+     * ```
+     *
+     */
+    readonly fontSize: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 字体
+     * @en_US Font family
+     * @example
+     *
+     * ```html
+     * <x-watermark fontFamily="Varela Round"></x-watermark>
+     * ```
+     *
+     */
+    readonly fontFamily: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 字体颜色
+     * @en_US Font color
+     * @example
+     *
+     * ```html
+     * <x-watermark color="rgba(0, 0, 0, 0.12)"></x-watermark>
+     * ```
+     *
+     */
+    readonly color: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 层级
+     * @en_US Z-index
+     * @example
+     *
+     * ```html
+     * <x-watermark [zIndex]="9999"></x-watermark>
+     * ```
+     *
+     */
+    readonly zIndex: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 透明度
+     * @en_US Opacity
+     * @example
+     *
+     * ```html
+     * <x-watermark [alpha]="1"></x-watermark>
+     * <x-watermark [alpha]="0.5"></x-watermark>
+     * ```
+     *
+     */
+    readonly alpha: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 水平间距
+     * @en_US Horizontal gap
+     * @example
+     *
+     * ```html
+     * <x-watermark [gapX]="100"></x-watermark>
+     * ```
+     *
+     */
+    readonly gapX: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 垂直间距
+     * @en_US Vertical gap
+     * @example
+     *
+     * ```html
+     * <x-watermark [gapY]="100"></x-watermark>
+     * ```
+     *
+     */
+    readonly gapY: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 水平偏移
+     * @en_US Horizontal offset
+     * @example
+     *
+     * ```html
+     * <x-watermark [offsetLeft]="0"></x-watermark>
+     * ```
+     *
+     */
+    readonly offsetLeft: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 垂直偏移
+     * @en_US Vertical offset
+     * @example
+     *
+     * ```html
+     * <x-watermark [offsetTop]="0"></x-watermark>
+     * ```
+     *
+     */
+    readonly offsetTop: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 是否交错显示
+     * @en_US Whether to stagger display
+     * @example
+     *
+     * ```html
+     * <x-watermark [striped]="true"></x-watermark>
+     * <x-watermark [striped]="false"></x-watermark>
+     * ```
+     *
+     */
+    readonly striped: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 是否禁用
+     * @en_US Whether to disable
+     * @example
+     *
+     * ```html
+     * <x-watermark [disabled]="true"></x-watermark>
+     * <x-watermark [disabled]="false"></x-watermark>
+     * ```
+     *
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 图片/图标 URL
+     * @en_US Image/icon URL
+     * @example
+     *
+     * ```html
+     * <x-watermark imageSrc="/assets/logo.png"></x-watermark>
+     * ```
+     *
+     */
+    readonly imageSrc: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 图片宽度
+     * @en_US Image width
+     * @example
+     *
+     * ```html
+     * <x-watermark [imageWidth]="40"></x-watermark>
+     * ```
+     *
+     */
+    readonly imageWidth: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 图片高度
+     * @en_US Image height
+     * @example
+     *
+     * ```html
+     * <x-watermark [imageHeight]="40"></x-watermark>
+     * ```
+     *
+     */
+    readonly imageHeight: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 图片相对文本的位置
+     * @en_US Image position relative to text
+     * @example
+     *
+     * ```html
+     * <x-watermark imagePosition="top"></x-watermark>
+     * <x-watermark imagePosition="center"></x-watermark>
+     * <x-watermark imagePosition="bottom"></x-watermark>
+     * ```
+     *
+     */
+    readonly imagePosition: _angular_core.InputSignal<XWatermarkImagePosition>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XWatermarkProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XWatermarkProperty, "x-watermark-property", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "rotate": { "alias": "rotate"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "fontFamily": { "alias": "fontFamily"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "alpha": { "alias": "alpha"; "required": false; "isSignal": true; }; "gapX": { "alias": "gapX"; "required": false; "isSignal": true; }; "gapY": { "alias": "gapY"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageWidth": { "alias": "imageWidth"; "required": false; "isSignal": true; }; "imageHeight": { "alias": "imageHeight"; "required": false; "isSignal": true; }; "imagePosition": { "alias": "imagePosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 图片相对文本的位置
+ * @en_US Image position relative to text
+ */
+type XWatermarkImagePosition = 'top' | 'center' | 'bottom';
+
+declare class XWatermarkComponent extends XWatermarkProperty implements AfterViewInit, OnDestroy {
+    backgroundImage: _angular_core.WritableSignal<string>;
+    private font;
+    private textWidth;
+    watermarkWidth: _angular_core.Signal<number>;
+    watermarkHeight: _angular_core.Signal<number>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private createWatermark;
+    private loadImage;
+    private drawWatermarkWithImage;
+    private drawWatermarkText;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XWatermarkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XWatermarkComponent, "x-watermark", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XWatermarkModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XWatermarkModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XWatermarkModule, never, [typeof XWatermarkComponent], [typeof XWatermarkComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XWatermarkModule>;
+}
+
+export { XWatermarkComponent, XWatermarkModule, XWatermarkPrefix, XWatermarkProperty };
+export type { XWatermarkImagePosition };

package/types/ng-nest-ui.d.ts

@@ -71,6 +71,7 @@ export * from '@ng-nest/ui/affix';
 export * from '@ng-nest/ui/anchor';
 export * from '@ng-nest/ui/back-top';
 export * from '@ng-nest/ui/crumb';
+export * from '@ng-nest/ui/contextmenu';
 export * from '@ng-nest/ui/dropdown';
 export * from '@ng-nest/ui/menu';
 export * from '@ng-nest/ui/page-header';
@@ -85,6 +86,7 @@ export * from '@ng-nest/ui/attachments';
 export * from '@ng-nest/ui/suggestion';
 export * from '@ng-nest/ui/thought-chain';
 export * from '@ng-nest/ui/doc';
+export * from '@ng-nest/ui/divider';
 export * from '@ng-nest/ui/examples';
 export * from '@ng-nest/ui/api';
 export * from '@ng-nest/ui/pattern';
@@ -92,3 +94,5 @@ export * from '@ng-nest/ui/slider';
 export * from '@ng-nest/ui/scrollable';
 export * from '@ng-nest/ui/highlight';
 export * from '@ng-nest/ui/inner';
+export * from '@ng-nest/ui/watermark';
+export * from '@ng-nest/ui/splitter';