@ng-nest/ui 21.0.11 → 21.0.12

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';
@@ -89,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
@@ -286,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

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';
@@ -100,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
@@ -348,7 +348,7 @@ interface XTreeSelectOption extends XFormOption {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XPositionTopBottom;
+    placement?: XPlacement;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
@@ -594,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-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';
@@ -93,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';