import * as _angular_core from '@angular/core'; import { TemplateRef, InputSignal, InputSignalWithTransform, OnChanges, AfterViewInit, SimpleChanges, OnInit, OnDestroy, ComponentRef } from '@angular/core'; import * as rxjs from 'rxjs'; import * as _ng_nest_ui_core from '@ng-nest/ui/core'; import { XBoolean, XNumber, XIdentity } from '@ng-nest/ui/core'; import { UntypedFormGroup, UntypedFormControl, FormControlStatus } from '@angular/forms'; import { XInputOption, XInputComponent } from '@ng-nest/ui/input'; import { XSelectOption, XSelectComponent } from '@ng-nest/ui/select'; import { XCascadeOption, XCascadeComponent } from '@ng-nest/ui/cascade'; import { XCheckboxOption, XCheckboxComponent } from '@ng-nest/ui/checkbox'; import { XColorPickerOption, XColorPickerComponent } from '@ng-nest/ui/color-picker'; import { XDatePickerOption, XDatePickerComponent } from '@ng-nest/ui/date-picker'; import { XInputNumberOption, XInputNumberComponent } from '@ng-nest/ui/input-number'; import { XRadioOption, XRadioComponent } from '@ng-nest/ui/radio'; import { XRateOption, XRateComponent } from '@ng-nest/ui/rate'; import { XSliderSelectOption, XSliderSelectComponent } from '@ng-nest/ui/slider-select'; import { XSwitchOption, XSwitchComponent } from '@ng-nest/ui/switch'; import { XTimePickerOption, XTimePickerComponent } from '@ng-nest/ui/time-picker'; import { XTextareaComponent, XTextareaOption } from '@ng-nest/ui/textarea'; import { XFindOption, XFindComponent } from '@ng-nest/ui/find'; import { XFormOption } from '@ng-nest/ui/base-form'; import { XAutoCompleteComponent, XAutoCompleteOption } from '@ng-nest/ui/auto-complete'; import { XI18nForm } from '@ng-nest/ui/i18n'; import { Portal, ComponentPortal, CdkPortalOutlet } from '@angular/cdk/portal'; /** * Form * @selector x-form * @decorator component */ declare const XFormPrefix = "x-form"; /** * @zh_CN 模板 * @en_US Template */ type XFormTemplate = { [property: string]: TemplateRef; }; declare const XFormProperty_base: new () => { config: _ng_nest_ui_core.XFormConfig | undefined; cdr: _angular_core.ChangeDetectorRef; invalid: _angular_core.Signal; invalidPattern: _angular_core.Signal; requiredIsEmpty: _angular_core.Signal; invalidMessage: _angular_core.Signal; value: _angular_core.WritableSignal; valueObservable: rxjs.Observable; validatorSignal: _angular_core.WritableSignal; disabledSignal: _angular_core.WritableSignal; requiredSignal: _angular_core.WritableSignal; patternSignal: _angular_core.WritableSignal; messageSignal: _angular_core.WritableSignal; requiredComputed: _angular_core.Signal; disabledComputed: _angular_core.Signal; validatorComputed: _angular_core.Signal; patternComputed: _angular_core.Signal; messageComputed: _angular_core.Signal; invalidInputValidator: _angular_core.WritableSignal; 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; readonly label: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate>; readonly labelWidth: _angular_core.InputSignalWithTransform; 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; readonly disabled: _angular_core.InputSignalWithTransform; readonly required: _angular_core.InputSignalWithTransform; readonly readonly: _angular_core.InputSignalWithTransform; readonly valueTpl: _angular_core.InputSignal | undefined>; readonly valueTplContext: _angular_core.InputSignal; 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; readonly message: _angular_core.InputSignal; readonly active: _angular_core.ModelSignal; readonly pointer: _angular_core.InputSignalWithTransform; readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>; }; /** * Form Property */ declare class XFormProperty extends XFormProperty_base { /** * @zh_CN 表单 FormGroup * @en_US Form FormGroup * @default new UntypedFormGroup({}) */ readonly formGroup: _angular_core.InputSignal; /** * @zh_CN 表单名称 * @en_US Form name */ readonly title: _angular_core.InputSignal; /** * @zh_CN 控件间距 * @en_US Control spacing */ readonly space: _angular_core.InputSignalWithTransform; /** * @zh_CN 控件宽度,24栅格 * @en_US Control width, 24 grid */ readonly span: _angular_core.InputSignalWithTransform; /** * @zh_CN 标签后缀 * @en_US Label suffix */ readonly labelSuffix: _angular_core.InputSignal; /** * @zh_CN 表单控件 * @en_US Form control */ readonly controls: _angular_core.InputSignal; /** * @zh_CN 表单宽度 * @en_US Form width */ readonly width: _angular_core.InputSignalWithTransform; /** * @zh_CN 自定义模板 * @en_US Custom template */ readonly controlTpl: _angular_core.InputSignal; /** * @zh_CN 禁用 * @en_US Disabled */ readonly disabled: _angular_core.InputSignalWithTransform; /** * @zh_CN Submit * @en_US Submit */ readonly xSubmit: _angular_core.OutputEmitterRef; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * @zh_CN 控件对象 * @en_US Control object */ interface XControlOption { /** * @zh_CN 列 Id * @en_US The column Id */ id?: any; /** * @zh_CN 值 * @en_US Value */ value?: any; /** * @zh_CN 初始默认值 * @en_US Default value */ defaultValue?: any; /** * @zh_CN 控件类型 * @en_US Control type */ control?: XControlType; /** * @zh_CN 禁用 * @en_US Disabled */ disabled?: boolean; /** * @zh_CN 只读 * @en_US Read only */ readonly?: boolean; /** * @zh_CN 必填 * @en_US Required */ required?: boolean; /** * @zh_CN 隐藏 * @en_US Hide */ hidden?: boolean; /** * @zh_CN 列宽 * @en_US Column width */ span?: number; /** * @zh_CN 正则验证规则 * @en_US Regular validation rules */ pattern?: RegExp; /** * @zh_CN 验证不通过提示文字 * @en_US Verification failed prompt text */ message?: string; /** * @zh_CN 输入框的验证函数 * @en_US Validation function of input box */ inputValidator?: (value: any) => boolean; /** * @zh_CN 外部改变事件 * @en_US External change event */ change?: () => void; /** * @zh_CN 自定义属性 * @en_US Custom attributes */ [property: string]: any; } /** * @zh_CN 控件对象 * @en_US Control object */ declare class XControl extends XIdentity implements XControlOption { /** * @zh_CN 值 * @en_US Value */ value?: any; /** * @zh_CN 开启这个,执行 reset 的时候初始为设置的 value,默认为 null * @en_US Enable this. When performing a reset, the initial value is the set value, which defaults to null */ nonNullable?: any; /** * @zh_CN 控件类型 * @en_US Control type */ control?: XControlType; /** * @zh_CN 禁用 * @en_US Disabled */ disabled?: boolean; /** * @zh_CN 只读 * @en_US Read only */ readonly?: boolean; /** * @zh_CN 必填 * @en_US Required */ required?: boolean; /** * @zh_CN 隐藏 * @en_US Hide */ hidden?: boolean; /** * @zh_CN 列宽 * @en_US Column width */ span?: number; /** * @zh_CN 正则验证规则 * @en_US Regular validation rules */ pattern?: RegExp; /** * @zh_CN 验证不通过提示文字 * @en_US Verification failed prompt text */ message?: string; /** * @zh_CN 输入框的验证函数 * @en_US Validation function of input box */ inputValidator?: (value: any) => boolean; /** * @zh_CN 外部改变事件 * @en_US External change event */ change?: () => void; /** * @zh_CN 设置验证 * @en_US Set verification */ setValidators?: () => void; /** * @zh_CN 自定义属性 * @en_US Custom attributes */ [property: string]: any; constructor(option?: XControlOption); } /** * @zh_CN 表单行对象 * @en_US Form row object */ interface XFormRow { /** * @zh_CN 行标题 * @en_US Row header */ title?: string; /** * @zh_CN 行图标 * @en_US Row icon */ icon?: string; /** * @zh_CN 行中的控件 * @en_US Control in row */ controls: XFormControlOption[]; /** * @zh_CN 隐藏 * @en_US Hidden */ hidden?: XBoolean; } /** * Control * @selector x-control * @decorator component */ declare const XControlPrefix = "x-control"; /** * Control Property */ declare class XControlProperty { /** * @zh_CN 控件对象 * @en_US Control object */ readonly option: _angular_core.ModelSignal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Form control */ declare class XFormControl extends UntypedFormControl { /** * @zh_CN 提示信息 * @en_US Prompt information */ messages?: string[]; } /** * @zh_CN 表单控件参数 * @en_US Form control option */ type XFormControlOption = XInputControlOption | XSelectControlOption | XCascadeControlOption | XCheckboxControlOption | XColorPickerControlOption | XDatePickerControlOption | XInputNumberControlOption | XRadioControlOption | XRateControlOption | XSliderSelectControlOption | XSwitchControlOption | XTimePickerControlOption | XFindControlOption | XTemplateControlOption; /** * @zh_CN 表单控件组件 * @en_US Form control component */ type XFormControlComponent = XInputComponent | XSelectComponent | XCascadeComponent | XCheckboxComponent | XColorPickerComponent | XDatePickerComponent | XInputNumberComponent | XRadioComponent | XRateComponent | XSliderSelectComponent | XSwitchComponent | XTimePickerComponent | XTextareaComponent | XFindComponent | XAutoCompleteComponent; /** * @zh_CN 表单控件类型 * @en_US Form control type */ type XFormControlType = XInputControl | XSelectControl | XCascadeControl | XCheckboxControl | XColorPickerControl | XDatePickerControl | XInputNumberControl | XRadioControl | XRateControl | XSliderSelectControl | XSwitchControl | XTimePickerControl | XTextareaControl | XFindControl | XAutoCompleteControl; /** * @zh_CN 表单控件类型 * @en_US Form control type */ type XControlType = 'input' | 'select' | 'cascade' | 'checkbox' | 'color-picker' | 'date-picker' | 'input-number' | 'radio' | 'rate' | 'slider-select' | 'switch' | 'time-picker' | 'textarea' | 'find' | 'auto-complete' | 'template'; /** * Input Control */ interface XInputControlOption extends XControlOption, XInputOption { } declare class XInputControl extends XControl { constructor(option?: XInputControlOption); } /** * Select Control */ interface XSelectControlOption extends XControlOption, XSelectOption { } declare class XSelectControl extends XControl { constructor(option?: XSelectControlOption); } /** * Cascade Control */ interface XCascadeControlOption extends XControlOption, XCascadeOption { } declare class XCascadeControl extends XControl { constructor(option?: XCascadeControlOption); } /** * Checkbox Control */ interface XCheckboxControlOption extends XControlOption, XCheckboxOption { } declare class XCheckboxControl extends XControl { constructor(option?: XCheckboxControlOption); } /** * ColorPicker Control */ interface XColorPickerControlOption extends XControlOption, XColorPickerOption { } declare class XColorPickerControl extends XControl { constructor(option?: XColorPickerControlOption); } /** * DatePicker Control */ interface XDatePickerControlOption extends XControlOption, XDatePickerOption { } declare class XDatePickerControl extends XControl { constructor(option?: XDatePickerControlOption); } /** * InputNumber Control */ interface XInputNumberControlOption extends XControlOption, XInputNumberOption { } declare class XInputNumberControl extends XControl { constructor(option?: XInputNumberControlOption); } /** * Radio Control */ interface XRadioControlOption extends XControlOption, XRadioOption { } declare class XRadioControl extends XControl { constructor(option?: XRadioControlOption); } /** * Rate Control */ interface XRateControlOption extends XControlOption, XRateOption { } declare class XRateControl extends XControl { constructor(option?: XRateControlOption); } /** * SliderSelect Control */ interface XSliderSelectControlOption extends XControlOption, XSliderSelectOption { } declare class XSliderSelectControl extends XControl { constructor(option?: XSliderSelectControlOption); } /** * Switch Control */ interface XSwitchControlOption extends XControlOption, XSwitchOption { } declare class XSwitchControl extends XControl { constructor(option?: XSwitchControlOption); } /** * TimePicker Control */ interface XTimePickerControlOption extends XControlOption, XTimePickerOption { } declare class XTimePickerControl extends XControl { constructor(option?: XTimePickerControlOption); } /** * Textarea Control */ interface XTextareaControlOption extends XControlOption, XTextareaOption { } declare class XTextareaControl extends XControl { constructor(option?: XTextareaControlOption); } /** * Find Control */ interface XFindControlOption extends XControlOption, XFindOption { } declare class XFindControl extends XControl { constructor(option?: XFindControlOption); } /** * AutoComplete Control */ interface XAutoCompleteControlOption extends XControlOption, XAutoCompleteOption { } declare class XAutoCompleteControl extends XControl { constructor(option?: XAutoCompleteControlOption); } /** * Template Control */ interface XTemplateControlOption extends XControlOption, XFormOption { } interface XFormContext { formGroup: InputSignal; controlComponents: { [property: string]: XFormControlComponent; }; controlTypes: { [property: string]: XControl; }; disabled: InputSignalWithTransform; labelSuffix: InputSignal; } declare class XFormComponent extends XFormProperty implements OnChanges, AfterViewInit, XFormContext { controlsType: _angular_core.Signal<"rows" | "controls">; controlComponents: { [property: string]: XFormControlComponent; }; controlTypes: { [property: string]: XControl; }; formId: string; classMap: _angular_core.Signal<{ [x: string]: boolean; }>; ngOnChanges(changes: SimpleChanges): void; ngAfterViewInit(): void; setDisabled(): void; setValidator(): void; resetValidator(): void; getValidatorMessages(): string[]; onSubmit(event: SubmitEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class XControlComponent extends XControlProperty implements OnInit, AfterViewInit, OnDestroy { private i18n; private viewContainerRef; private _sharedProps; private validatorFns; private formControl; private _unSubject; value: _angular_core.WritableSignal; form: XFormContext; locale: _angular_core.Signal; portal: _angular_core.WritableSignal | null>; componentPortal: ComponentPortal; componentRef: ComponentRef; portalOutlet: _angular_core.Signal; constructor(); ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; setValidators(): void; setOption(): void; setPattern(): void; getPatternMsg(_pattern: string): string | undefined; setMessages(state: FormControlStatus): void; createComponentPortal(option: XFormControlOption): ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal | ComponentPortal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class XFormModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { XAutoCompleteControl, XCascadeControl, XCheckboxControl, XColorPickerControl, XControl, XControlComponent, XControlPrefix, XControlProperty, XDatePickerControl, XFindControl, XFormComponent, XFormControl, XFormModule, XFormPrefix, XFormProperty, XInputControl, XInputNumberControl, XRadioControl, XRateControl, XSelectControl, XSliderSelectControl, XSwitchControl, XTextareaControl, XTimePickerControl }; export type { XAutoCompleteControlOption, XCascadeControlOption, XCheckboxControlOption, XColorPickerControlOption, XControlOption, XControlType, XDatePickerControlOption, XFindControlOption, XFormControlComponent, XFormControlOption, XFormControlType, XFormRow, XFormTemplate, XInputControlOption, XInputNumberControlOption, XRadioControlOption, XRateControlOption, XSelectControlOption, XSliderSelectControlOption, XSwitchControlOption, XTemplateControlOption, XTextareaControlOption, XTimePickerControlOption };