@ng-nest/ui 19.0.9 → 20.0.0

package/back-top/index.d.ts

@@ -1,5 +1,77 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XNumber } from '@ng-nest/ui/core';
+import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+
 /**
- * Generated bundle index. Do not edit.
+ * BackTop
+ * @selector x-back-top
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/back-top" />
-export * from './public-api';
+declare const XBackTopPrefix = "x-back-top";
+declare const XBackTopProperty_base: new () => {
+    config: _ng_nest_ui_core.XBackTopConfig | undefined;
+};
+/**
+ * BackTop Property
+ */
+declare class XBackTopProperty extends XBackTopProperty_base {
+    /**
+     * @zh_CN 距离右边的距离
+     * @en_US Distance to the right
+     */
+    readonly right: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 距离底部的距离
+     * @en_US Distance from bottom
+     */
+    readonly bottom: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 滚动多少高度后显示
+     * @en_US Display after scrolling how much height
+     */
+    readonly visibilityHeight: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 内容模板
+     * @en_US Content template
+     */
+    readonly template: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 滚动的元素
+     * @en_US Scroll element
+     */
+    readonly target: _angular_core.InputSignal<string | HTMLElement | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBackTopProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBackTopProperty, "x-back-top-property", never, { "right": { "alias": "right"; "required": false; "isSignal": true; }; "bottom": { "alias": "bottom"; "required": false; "isSignal": true; }; "visibilityHeight": { "alias": "visibilityHeight"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class XBackTopComponent extends XBackTopProperty implements OnDestroy {
+    backTopTpl: _angular_core.Signal<TemplateRef<void>>;
+    visiable: _angular_core.WritableSignal<boolean>;
+    scrolling: _angular_core.WritableSignal<boolean>;
+    portalRef: XPortalOverlayRef<any>;
+    private doc;
+    private portal;
+    private viewContainerRef;
+    private unSubject;
+    scroll: _angular_core.Signal<Element | (Window & typeof globalThis) | null>;
+    constructor();
+    ngOnDestroy(): void;
+    onBackTop(): void;
+    private addEvent;
+    private scrollTop;
+    private setVisible;
+    private scrollTo;
+    private setScrollTop;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBackTopComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBackTopComponent, "x-back-top", never, {}, {}, never, never, true, never>;
+}
+
+declare class XBackTopModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBackTopModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XBackTopModule, never, [typeof XBackTopComponent], [typeof XBackTopComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XBackTopModule>;
+}
+
+export { XBackTopComponent, XBackTopModule, XBackTopPrefix, XBackTopProperty };

package/badge/index.d.ts

@@ -1,5 +1,155 @@
+import * as _angular_core from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XType, XNumber, XBoolean } from '@ng-nest/ui/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * Badge
+ * @selector x-badge
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/badge" />
-export * from './public-api';
+declare const XBadgePrefix = "x-badge";
+declare const XBadgeProperty_base: new () => {
+    config: _ng_nest_ui_core.XBadgeConfgig | undefined;
+};
+/**
+ * Badge Property
+ */
+declare class XBadgeProperty extends XBadgeProperty_base {
+    /**
+     * @zh_CN 类型，背景颜色
+     * @en_US Type, the background color
+     * @example
+     *
+     * ```html
+     * <x-badge value="12" type="primary">
+     *   <x-button>primary</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="success">
+     *   <x-button>success</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="info">
+     *   <x-button>info</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="warning">
+     *   <x-button>warning</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="danger">
+     *   <x-button>danger</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="text">
+     *   <x-button>text</x-button>
+     * </x-badge>
+     * ```
+     *
+     */
+    readonly type: _angular_core.InputSignal<XType>;
+    /**
+     * @zh_CN 最大值
+     * @en_US Max
+     * @example
+     *
+     * ```html
+     * <x-badge value="200" max="99">
+     *   <x-button>99</x-button>
+     * </x-badge>
+     * <x-badge value="300" max="200">
+     *   <x-button>200</x-button>
+     * </x-badge>
+     * ```
+     */
+    readonly max: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 显示值
+     * @en_US Display value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     */
+    readonly value: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 偏移值 left
+     * @en_US Offset left value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88" offsetLeft="5px">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
+     */
+    readonly offsetLeft: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 偏移值 top
+     * @en_US Offset right value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88" offsetTop="5px">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
+     */
+    readonly offsetTop: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 是否显示小红点
+     * @en_US Whether to show the small red dot
+     * @example
+     *
+     * ```html
+     * <x-badge dot>
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
+     */
+    readonly dot: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 独立使用
+     * @en_US Independent use
+     * @example
+     *
+     * ```html
+     * <x-badge standalone value="25"></x-badge>
+     * <x-badge standalone value="200" max="99"></x-badge>
+     * <x-badge standalone value="hot"></x-badge>
+     * <x-badge standalone dot></x-badge>
+     * ```
+     *
+     */
+    readonly standalone: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBadgeProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBadgeProperty, "x-badge-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 标记类型
+ * @en_US Mark type
+ */
+type XBadgeType = XType;
+
+declare class XBadgeComponent extends XBadgeProperty {
+    range: _angular_core.WritableSignal<(string | number)[]>;
+    valueNumber: _angular_core.Signal<number>;
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    displayNums: _angular_core.Signal<(string | number)[]>;
+    translateYNumbers: _angular_core.Signal<number[]>;
+    maxNums: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBadgeComponent, "x-badge", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XBadgeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBadgeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XBadgeModule, never, [typeof XBadgeComponent], [typeof XBadgeComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XBadgeModule>;
+}
+
+export { XBadgeComponent, XBadgeModule, XBadgePrefix, XBadgeProperty };
+export type { XBadgeType };

package/base-form/index.d.ts

@@ -1,5 +1,250 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Type, ChangeDetectorRef } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XAlign, XJustify, XDirection, XSize, XProperty, XBoolean, XNumber, XTemplate, XComponentConfigKey } from '@ng-nest/ui/core';
+import { ControlValueAccessor, ValidatorFn } from '@angular/forms';
+
 /**
- * Generated bundle index. Do not edit.
+ * 表单对象共有的参数
  */
-/// <amd-module name="@ng-nest/ui/base-form" />
-export * from './public-api';
+interface XFormOption {
+    /**
+     * 标签
+     */
+    label?: any;
+    /**
+     * 标签宽度
+     */
+    labelWidth?: string;
+    /**
+     * 标签文字对齐方式
+     */
+    labelAlign?: XAlign;
+    /**
+     * flex 布局下的子元素水平排列方式
+     */
+    justify?: XJustify;
+    /**
+     * flex 布局下的子元素垂直排列方式
+     */
+    align?: XAlign;
+    /**
+     * flex 布局下的子元素排列方向
+     */
+    direction?: XDirection;
+    /**
+     * 尺寸
+     */
+    size?: XSize;
+    /**
+     * 输入提示信息
+     */
+    placeholder?: string | string[];
+    /**
+     * 禁用
+     */
+    disabled?: boolean;
+    /**
+     * 必填
+     */
+    required?: boolean;
+    /**
+     * 正则验证规则
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * 验证不通过提示文字
+     */
+    message?: string | string[];
+    /**
+     * 激活状态
+     */
+    active?: boolean;
+    /**
+     * 输入框点击样式
+     */
+    pointer?: boolean;
+    /**
+     * 输入验证函数
+     */
+    inputValidator?: (value: any) => boolean;
+}
+/**
+ * 表单对象共有的参数
+ */
+declare class XFormControlProp extends XProperty {
+    /**
+     * @zh_CN 初始启用验证，在输入值都自动开启
+     * @en_US Initial enable validation, which is automatically enabled when the input value is
+     */
+    readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    readonly label: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    readonly labelAlign: _angular_core.InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    readonly justify: _angular_core.InputSignal<XJustify>;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    readonly align: _angular_core.InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    readonly direction: _angular_core.InputSignal<XDirection>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    readonly placeholder: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    readonly valueTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    readonly valueTplContext: _angular_core.InputSignal<unknown>;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    readonly message: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    readonly active: _angular_core.ModelSignal<boolean>;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Enter box click style
+     */
+    readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XFormControlProp, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XFormControlProp, "x-formcontrol-prop", never, { "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
+}
+
+declare function XValueAccessor<T>(component: Type<T>): {
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: Type<any>;
+    multi: boolean;
+};
+declare function XFormInputValidator(func: (value: any) => boolean): ValidatorFn;
+declare function XFormControlFunction<C extends XComponentConfigKey>(configName: C): {
+    new (): {
+        config: _ng_nest_ui_core.XComponentConfig[C];
+        cdr: ChangeDetectorRef;
+        invalid: _angular_core.Signal<boolean>;
+        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>;
+        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[]>;
+        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[]>;
+        invalidInputValidator: _angular_core.WritableSignal<boolean>;
+        onChange: (value: any) => void;
+        onTouched: () => void;
+        writeValue(value: any): void;
+        registerOnChange(fn: (value: any) => void): void;
+        registerOnTouched(fn: () => void): void;
+        setDisabledState(disabled: boolean): void;
+        formControlValidator(): void;
+        readonly validator: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
+        readonly label: _angular_core.InputSignal<string>;
+        readonly labelWidth: _angular_core.InputSignalWithTransform<string, _ng_nest_ui_core.XNumber>;
+        readonly labelAlign: _angular_core.InputSignal<_ng_nest_ui_core.XAlign>;
+        readonly justify: _angular_core.InputSignal<_ng_nest_ui_core.XJustify>;
+        readonly align: _angular_core.InputSignal<_ng_nest_ui_core.XAlign>;
+        readonly direction: _angular_core.InputSignal<_ng_nest_ui_core.XDirection>;
+        readonly size: _angular_core.InputSignal<_ng_nest_ui_core.XSize>;
+        readonly placeholder: _angular_core.InputSignal<string | string[]>;
+        readonly disabled: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
+        readonly required: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
+        readonly readonly: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
+        readonly valueTpl: _angular_core.InputSignal<_angular_core.TemplateRef<any> | undefined>;
+        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 active: _angular_core.ModelSignal<boolean>;
+        readonly pointer: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
+        readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
+    };
+};
+
+declare class XBaseFormModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBaseFormModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XBaseFormModule, never, never, never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XBaseFormModule>;
+}
+
+export { XBaseFormModule, XFormControlFunction, XFormControlProp, XFormInputValidator, XValueAccessor };
+export type { XFormOption };