@ng-nest/ui 17.0.12 → 18.0.0

package/date-picker/date-picker.property.d.ts

@@ -1,6 +1,7 @@
-import { XProperty, XBoolean, XCorner, XSize, XTemplate, XData, XIdentityProperty } from '@ng-nest/ui/core';
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
+import { XProperty } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
+import { XFormOption } from '@ng-nest/ui/base-form';
+import type { XBoolean, XCorner, XSize, XTemplate, XData, XIdentityProperty, XDirection, XAlign, XJustify, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * DatePicker
@@ -8,76 +9,219 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XDatePickerPrefix = "x-date-picker";
+declare const XDatePickerProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XDatePickerConfig | undefined;
+    cdr: import("@angular/core").ChangeDetectorRef;
+    invalid: import("@angular/core").Signal<boolean>;
+    invalidPattern: import("@angular/core").Signal<boolean>;
+    requiredIsEmpty: import("@angular/core").Signal<boolean>;
+    invalidMessage: import("@angular/core").Signal<string>;
+    invalidIndex: import("@angular/core").WritableSignal<number>;
+    value: import("@angular/core").WritableSignal<any>;
+    validatorSignal: import("@angular/core").WritableSignal<boolean>;
+    disabledSignal: import("@angular/core").WritableSignal<boolean>;
+    requiredSignal: import("@angular/core").WritableSignal<boolean>;
+    patternSignal: import("@angular/core").WritableSignal<any>;
+    messageSignal: import("@angular/core").WritableSignal<string | string[]>;
+    requiredComputed: import("@angular/core").Signal<boolean>;
+    disabledComputed: import("@angular/core").Signal<boolean>;
+    validatorComputed: import("@angular/core").Signal<boolean>;
+    patternComputed: import("@angular/core").Signal<any>;
+    messageComputed: import("@angular/core").Signal<string | string[]>;
+    invalidInputValidator: import("@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: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly pattern: import("@angular/core").InputSignal<RegExp | RegExp[]>;
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+};
 /**
  * DatePicker Property
  */
-export declare class XDatePickerProperty extends XControlValueAccessor<any> implements XDatePickerOption {
+export declare class XDatePickerProperty extends XDatePickerProperty_base {
     /**
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").InputSignal<XDatePickerType>;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
      */
-    format?: string;
+    readonly format: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable?: XBoolean;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XCorner;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size: XSize;
+    readonly placement: import("@angular/core").InputSignal<XCorner>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 快捷选择按钮，自定义或直接设置今天（today）,昨天（yesterday）,明天（tomorrow）
      * @en_US Quick selection button, support today, yesterday, tomorrow
      */
-    preset: XData<XDatePickerPreset>;
+    readonly preset: import("@angular/core").InputSignalWithTransform<XData<XDatePickerPreset>, XData<XDatePickerPreset>>;
     /**
      * @zh_CN 页脚
      * @en_US Footer
      */
-    extraFooter?: XTemplate;
+    readonly extraFooter: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 禁用的时间
      * @en_US Disabled time
      */
-    disabledTime?: XDatePickerDisabledTime;
+    readonly disabledTime: import("@angular/core").InputSignal<XDatePickerDisabledTime | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    readonly label: import("@angular/core").InputSignal<string>;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pattern: import("@angular/core").InputSignal<any>;
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
-    nodeEmit: EventEmitter<number>;
+    readonly nodeEmit: import("@angular/core").OutputEmitterRef<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDatePickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "x-date-picker-property", never, { "type": { "alias": "type"; "required": false; }; "format": { "alias": "format"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "preset": { "alias": "preset"; "required": false; }; "extraFooter": { "alias": "extraFooter"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "disabledTime": { "alias": "disabledTime"; "required": false; }; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "x-date-picker-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "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; }; "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; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }
 /**
  * DatePicker Option
- * @undocument true
  */
 export interface XDatePickerOption extends XFormOption {
     /**
      * @zh_CN 选择类型
-     * @en_US Choose a type
+     * @en_US Select type
      */
     type?: XDatePickerType;
     /**
@@ -89,22 +233,107 @@ export interface XDatePickerOption extends XFormOption {
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable?: XBoolean;
+    clearable?: boolean;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
     placement?: XCorner;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 快捷选择按钮，自定义或直接设置今天（today）,昨天（yesterday）,明天（tomorrow）
+     * @en_US Quick selection button, support today, yesterday, tomorrow
+     */
+    preset?: XData<XDatePickerPreset>;
+    /**
+     * @zh_CN 页脚
+     * @en_US Footer
+     */
+    extraFooter?: XTemplate;
+    /**
+     * @zh_CN 禁用的日期
+     * @en_US Disabled date
+     */
+    disabledDate?: XDatePickerDisabledDate;
+    /**
+     * @zh_CN 禁用的时间
+     * @en_US Disabled time
+     */
+    disabledTime?: XDatePickerDisabledTime;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
     size?: XSize;
     /**
-     * @zh_CN 显示边框
-     * @en_US Display Border
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    pointer?: boolean;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    label?: string;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    labelWidth?: string;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    labelAlign?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    justify?: XJustify;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
      */
-    bordered?: XBoolean;
+    align?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    direction?: XDirection;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    placeholder?: string;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    required?: boolean;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly?: boolean;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    valueTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    valueTplContext?: any;
     /**
      * @zh_CN 前置标签
      * @en_US Before label
@@ -115,11 +344,31 @@ export interface XDatePickerOption extends XFormOption {
      * @en_US After label
      */
     after?: XTemplate;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    message?: string | string[];
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    active?: boolean;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    inputValidator?: (value: any) => boolean;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
-    nodeClick?: (value: number) => void;
+    nodeEmit?: (value: number) => void;
 }
 /**
  * DateRange
@@ -127,117 +376,395 @@ export interface XDatePickerOption extends XFormOption {
  * @decorator component
  */
 export declare const XDateRangePrefix = "x-date-range";
+declare const XDateRangeProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XDateRangeConfig | undefined;
+    cdr: import("@angular/core").ChangeDetectorRef;
+    invalid: import("@angular/core").Signal<boolean>;
+    invalidPattern: import("@angular/core").Signal<boolean>;
+    requiredIsEmpty: import("@angular/core").Signal<boolean>;
+    invalidMessage: import("@angular/core").Signal<string>;
+    invalidIndex: import("@angular/core").WritableSignal<number>;
+    value: import("@angular/core").WritableSignal<any>;
+    validatorSignal: import("@angular/core").WritableSignal<boolean>;
+    disabledSignal: import("@angular/core").WritableSignal<boolean>;
+    requiredSignal: import("@angular/core").WritableSignal<boolean>;
+    patternSignal: import("@angular/core").WritableSignal<any>;
+    messageSignal: import("@angular/core").WritableSignal<string | string[]>;
+    requiredComputed: import("@angular/core").Signal<boolean>;
+    disabledComputed: import("@angular/core").Signal<boolean>;
+    validatorComputed: import("@angular/core").Signal<boolean>;
+    patternComputed: import("@angular/core").Signal<any>;
+    messageComputed: import("@angular/core").Signal<string | string[]>;
+    invalidInputValidator: import("@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: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly pattern: import("@angular/core").InputSignal<RegExp | RegExp[]>;
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+};
 /**
  * DateRange Property
  */
-export declare class XDateRangeProperty extends XControlValueAccessor<any> implements XDateRangeOption {
+export declare class XDateRangeProperty extends XDateRangeProperty_base {
     /**
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").InputSignal<XDatePickerType>;
     /**
      * @zh_CN 格式化类型
      * @en_US Format type
      */
-    format?: string;
+    readonly format: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable?: XBoolean;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XCorner;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size: XSize;
+    readonly placement: import("@angular/core").InputSignal<XCorner>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 快捷选择按钮，自定义或直接设置本周（thisWeek）、上周（lastWeek）、下周（nextWeek）、本月（thisMonth）、上一月（lastMonth）、下一月（nextMonth）、本年（thisYear）、去年（lastYear）、明年（nextYear）
      * @en_US Quick selection button, support thisWeek, lastWeek, nextWeek, thisMonth, lastMonth, nextMonth, thisYear, lastYear, nextYear
      */
-    preset: XData<XDateRangePreset>;
-    /**
-     * @zh_CN 日期提示信息
-     * @en_US Placeholder of date input
-     */
-    placeholder?: string[];
+    readonly preset: import("@angular/core").InputSignalWithTransform<XData<XDateRangePreset>, XData<XDateRangePreset>>;
     /**
      * @zh_CN 页脚
      * @en_US Footer
      */
-    extraFooter?: XTemplate;
+    readonly extraFooter: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 禁用的时间
      * @en_US Disabled time
      */
-    disabledTime?: XDatePickerDisabledTime;
+    readonly disabledTime: import("@angular/core").InputSignal<XDatePickerDisabledTime | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    readonly label: import("@angular/core").InputSignal<string>;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pattern: import("@angular/core").InputSignal<any>;
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
-    nodeEmit: EventEmitter<number[]>;
+    readonly nodeEmit: import("@angular/core").OutputEmitterRef<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangeProperty, "x-date-range-property", never, { "type": { "alias": "type"; "required": false; }; "format": { "alias": "format"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "preset": { "alias": "preset"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "extraFooter": { "alias": "extraFooter"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "disabledTime": { "alias": "disabledTime"; "required": false; }; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangeProperty, "x-date-range-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "extraFooter": { "alias": "extraFooter"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "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; }; "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; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }
 /**
  * DateRange Option
- * @undocument true
  */
 export interface XDateRangeOption extends XFormOption {
     /**
-     * @zh_CN tab 键控制次序
-     * @en_US Tab key control order
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type?: XDatePickerType;
+    /**
+     * @zh_CN 格式化类型
+     * @en_US Format type
+     */
+    format?: string;
+    /**
+     * @zh_CN 清除按钮
+     * @en_US Clear button
+     */
+    clearable?: boolean;
+    /**
+     * @zh_CN 展示方位
+     * @en_US Display position
+     */
+    placement?: XCorner;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 快捷选择按钮，自定义或直接设置本周（thisWeek）、上周（lastWeek）、下周（nextWeek）、本月（thisMonth）、上一月（lastMonth）、下一月（nextMonth）、本年（thisYear）、去年（lastYear）、明年（nextYear）
+     * @en_US Quick selection button, support thisWeek, lastWeek, nextWeek, thisMonth, lastMonth, nextMonth, thisYear, lastYear, nextYear
+     */
+    preset?: XData<XDateRangePreset>;
+    /**
+     * @zh_CN 页脚
+     * @en_US Footer
+     */
+    extraFooter?: XTemplate;
+    /**
+     * @zh_CN 禁用的日期
+     * @en_US Disabled date
+     */
+    disabledDate?: XDatePickerDisabledDate;
+    /**
+     * @zh_CN 禁用的时间
+     * @en_US Disabled time
+     */
+    disabledTime?: XDatePickerDisabledTime;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XSize;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    pointer?: boolean;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    label?: string;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    labelWidth?: string;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    labelAlign?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    justify?: XJustify;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    align?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
      */
-    tabindex?: number;
+    direction?: XDirection;
     /**
-     * @zh_CN 日期提示信息
-     * @en_US Placeholder of date input
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
      */
-    placeholder?: string[];
+    placeholder?: string | string[];
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    required?: boolean;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly?: boolean;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    valueTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    valueTplContext?: any;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    before?: XTemplate;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    after?: XTemplate;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    message?: string | string[];
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    active?: boolean;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    inputValidator?: (value: any) => boolean;
+    /**
+     * @zh_CN 节点点击的事件
+     * @en_US Node click event
+     */
+    nodeEmit: (value: number[]) => void;
 }
 /**
  * @zh_CN 禁用日期的自定义类型
- * @en_US 禁用日期的自定义类型
+ * @en_US Custom type of disabled date
  */
 export type XDatePickerDisabledDate = (current: Date) => boolean;
 /**
  * @zh_CN 禁用时间的自定义类型
- * @en_US 禁用时间的自定义类型
+ * @en_US Custom type of disable time
  */
 export type XDatePickerDisabledTime = (type?: XDatePickerRangType) => XDatePickerDisabledTimeFn;
 /**
  * @zh_CN 禁用时间的自定义函数
- * @en_US 禁用时间的自定义函数
+ * @en_US Custom function of disable time
  */
 export type XDatePickerDisabledTimeFn = {
     /**
      * @zh_CN 禁用小时的自定义函数
-     * @en_US 禁用小时的自定义函数
+     * @en_US Disable hour custom function
      */
     disabledHours?: () => number[];
     /**
      * @zh_CN 禁用分钟的自定义函数
-     * @en_US 禁用分钟的自定义函数
+     * @en_US Disable the custom function of the minute
      */
     disabledMinutes?: () => number[];
     /**
      * @zh_CN 禁用秒的自定义函数
-     * @en_US 禁用秒的自定义函数
+     * @en_US Custom function of disable seconds
      */
     disabledSeconds?: () => number[];
 };
@@ -299,119 +826,99 @@ export declare class XPickerDateProperty extends XProperty {
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").ModelSignal<XDatePickerType>;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
      */
-    display: Date;
+    readonly display: import("@angular/core").ModelSignal<Date>;
     /**
      * @zh_CN 选中的日期
      * @en_US Selected date
      */
-    model?: Date | null;
+    readonly model: import("@angular/core").ModelSignal<Date | null | undefined>;
     /**
      * @zh_CN 日期显示模板
      * @en_US Date display template
      */
-    dateTemp?: TemplateRef<any>;
+    readonly dateTemp: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 显示切换按钮
      * @en_US Display switch button
      */
-    showHeader: XBoolean;
+    readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围选择
      * @en_US Range picker
      */
-    rangePicker?: XBoolean;
+    readonly rangePicker: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上一年
      * @en_US Last year
      */
-    lastYearBtn: XBoolean;
+    readonly lastYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上月
      * @en_US Last month
      */
-    lastMonthBtn: XBoolean;
+    readonly lastMonthBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 下一年
      * @en_US Next year
      */
-    nextYearBtn: XBoolean;
+    readonly nextYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上月
      * @en_US Next month
      */
-    nextMonthBtn: XBoolean;
+    readonly nextMonthBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围 hover 效果
      * @en_US Range hover style
      */
-    rangeHover: XBoolean;
+    readonly rangeHover: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围日期
      * @en_US Range date
      */
-    rangeValue: (number | null)[];
+    readonly rangeValue: import("@angular/core").InputSignal<(number | null)[]>;
     /**
      * @zh_CN 当前选择的是开始/结束日期
      * @en_US The current choice is the start / end date
      */
-    rangeType: XDatePickerRangType;
+    readonly rangeType: import("@angular/core").InputSignal<XDatePickerRangType | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
-    /**
-     * @zh_CN 选择类型
-     * @en_US Select type
-     */
-    typeChange: EventEmitter<XDatePickerType>;
-    /**
-     * @zh_CN 选中的事件
-     * @en_US Selected event
-     */
-    modelChange: EventEmitter<Date>;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
-    rangeChange: EventEmitter<Date[]>;
+    readonly rangeChange: import("@angular/core").OutputEmitterRef<Date[]>;
     /**
      * @zh_CN 选年的事件
      * @en_US Year change event
      */
-    yearChange: EventEmitter<number>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 选月的事件
      * @en_US Month change event
      */
-    monthChange: EventEmitter<number>;
-    /**
-     * @zh_CN 显示日期事件
-     * @en_US display date event
-     */
-    displayChange: EventEmitter<Date>;
+    readonly monthChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 范围日期 mouseenter 事件
      * @en_US Date mouseenter event
      */
-    rangeTdMouseenter: EventEmitter<XDateCell>;
+    readonly rangeTdMouseenter: import("@angular/core").OutputEmitterRef<XDateCell>;
     /**
      * @zh_CN 范围日期 mouseleave 事件
      * @en_US Date mouseleave event
      */
-    rangeTdMouseleave: EventEmitter<XDateCell>;
-    /**
-     * @zh_CN 范围中的日期点击事件
-     * @en_US Range date click event
-     */
-    rangeDateClick: EventEmitter<XDateCell>;
+    readonly rangeTdMouseleave: import("@angular/core").OutputEmitterRef<XDateCell>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "x-picker-date-property", never, { "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "model": { "alias": "model"; "required": false; }; "dateTemp": { "alias": "dateTemp"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "rangePicker": { "alias": "rangePicker"; "required": false; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; }; "lastMonthBtn": { "alias": "lastMonthBtn"; "required": false; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; }; "nextMonthBtn": { "alias": "nextMonthBtn"; "required": false; }; "rangeHover": { "alias": "rangeHover"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "rangeType": { "alias": "rangeType"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; }, { "typeChange": "typeChange"; "modelChange": "modelChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "displayChange": "displayChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; "rangeDateClick": "rangeDateClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "x-picker-date-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "dateTemp": { "alias": "dateTemp"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "rangePicker": { "alias": "rangePicker"; "required": false; "isSignal": true; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; "isSignal": true; }; "lastMonthBtn": { "alias": "lastMonthBtn"; "required": false; "isSignal": true; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; "isSignal": true; }; "nextMonthBtn": { "alias": "nextMonthBtn"; "required": false; "isSignal": true; }; "rangeHover": { "alias": "rangeHover"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "type": "typeChange"; "display": "displayChange"; "model": "modelChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; }, never, never, false, never>;
 }
 /**
  * @zh_CN 单个日期数据对象
@@ -558,104 +1065,84 @@ export declare class XPickerMonthProperty extends XProperty {
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").ModelSignal<XDatePickerType>;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
      */
-    display: Date;
+    readonly display: import("@angular/core").ModelSignal<Date>;
     /**
      * @zh_CN 选中的日期
      * @en_US Selected date
      */
-    model?: Date | null;
+    readonly model: import("@angular/core").ModelSignal<Date | null | undefined>;
     /**
      * @zh_CN 月份显示模板
      * @en_US Month display template
      */
-    monthTemp?: TemplateRef<any>;
+    readonly monthTemp: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 显示切换按钮
      * @en_US Display switch button
      */
-    showHeader: XBoolean;
+    readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围选择
      * @en_US Range picker
      */
-    rangePicker?: XBoolean;
+    readonly rangePicker: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上一年
      * @en_US Last year
      */
-    lastYearBtn: XBoolean;
+    readonly lastYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 下一年
      * @en_US Next year
      */
-    nextYearBtn: XBoolean;
+    readonly nextYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围月份
      * @en_US Range date
      */
-    rangeValue: (number | null)[];
+    readonly rangeValue: import("@angular/core").InputSignal<(number | null)[]>;
     /**
      * @zh_CN 当前选择的是开始/结束日期
      * @en_US The current choice is the start / end date
      */
-    rangeType: XDatePickerRangType;
+    readonly rangeType: import("@angular/core").InputSignal<XDatePickerRangType | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
-    /**
-     * @zh_CN 选中的事件
-     * @en_US Selected event
-     */
-    modelChange: EventEmitter<Date>;
-    /**
-     * @zh_CN 选择类型
-     * @en_US Select type
-     */
-    typeChange: EventEmitter<XDatePickerType>;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
-    rangeChange: EventEmitter<Date[]>;
+    readonly rangeChange: import("@angular/core").OutputEmitterRef<Date[]>;
     /**
      * @zh_CN 选年的事件
      * @en_US Year change event
      */
-    yearChange: EventEmitter<number>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 选月的事件
      * @en_US Month change event
      */
-    monthChange: EventEmitter<number>;
-    /**
-     * @zh_CN 显示月份事件
-     * @en_US display date event
-     */
-    displayChange: EventEmitter<Date>;
+    readonly monthChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 范围月份 mouseenter 事件
      * @en_US Date mouseenter event
      */
-    rangeTdMouseenter: EventEmitter<XDateCell>;
+    readonly rangeTdMouseenter: import("@angular/core").OutputEmitterRef<XDateCell>;
     /**
      * @zh_CN 范围月份 mouseleave 事件
      * @en_US Date mouseleave event
      */
-    rangeTdMouseleave: EventEmitter<XDateCell>;
-    /**
-     * @zh_CN 范围中的月份点击事件
-     * @en_US Range date click event
-     */
-    rangeDateClick: EventEmitter<XDateCell>;
+    readonly rangeTdMouseleave: import("@angular/core").OutputEmitterRef<XDateCell>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerMonthProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "x-picker-month-property", never, { "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "model": { "alias": "model"; "required": false; }; "monthTemp": { "alias": "monthTemp"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "rangePicker": { "alias": "rangePicker"; "required": false; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "rangeType": { "alias": "rangeType"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "displayChange": "displayChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; "rangeDateClick": "rangeDateClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "x-picker-month-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "monthTemp": { "alias": "monthTemp"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "rangePicker": { "alias": "rangePicker"; "required": false; "isSignal": true; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; "isSignal": true; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "type": "typeChange"; "display": "displayChange"; "model": "modelChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; }, never, never, false, never>;
 }
 /**
  * PickerQuarter
@@ -671,104 +1158,84 @@ export declare class XPickerQuarterProperty extends XProperty {
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").ModelSignal<XDatePickerType>;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
      */
-    display: Date;
+    readonly display: import("@angular/core").ModelSignal<Date>;
     /**
      * @zh_CN 选中的日期
      * @en_US Selected date
      */
-    model?: Date | null;
+    readonly model: import("@angular/core").ModelSignal<Date | null | undefined>;
     /**
      * @zh_CN 季度显示模板
      * @en_US Month display template
      */
-    quarterTemp?: TemplateRef<any>;
+    readonly quarterTemp: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 显示切换按钮
      * @en_US Display switch button
      */
-    showHeader: XBoolean;
+    readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围选择
      * @en_US Range picker
      */
-    rangePicker?: XBoolean;
+    readonly rangePicker: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上一年
      * @en_US Last year
      */
-    lastYearBtn: XBoolean;
+    readonly lastYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 下一年
      * @en_US Next year
      */
-    nextYearBtn: XBoolean;
+    readonly nextYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围月份
      * @en_US Range date
      */
-    rangeValue: (number | null)[];
+    readonly rangeValue: import("@angular/core").InputSignal<(number | null)[]>;
     /**
      * @zh_CN 当前选择的是开始/结束日期
      * @en_US The current choice is the start / end date
      */
-    rangeType: XDatePickerRangType;
+    readonly rangeType: import("@angular/core").InputSignal<XDatePickerRangType | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
-    /**
-     * @zh_CN 选中的事件
-     * @en_US Selected event
-     */
-    modelChange: EventEmitter<Date>;
-    /**
-     * @zh_CN 选择类型
-     * @en_US Select type
-     */
-    typeChange: EventEmitter<XDatePickerType>;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
-    rangeChange: EventEmitter<Date[]>;
+    readonly rangeChange: import("@angular/core").OutputEmitterRef<Date[]>;
     /**
      * @zh_CN 选年的事件
      * @en_US Year change event
      */
-    yearChange: EventEmitter<number>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 选月的事件
      * @en_US Month change event
      */
-    monthChange: EventEmitter<number>;
-    /**
-     * @zh_CN 显示季度事件
-     * @en_US display date event
-     */
-    displayChange: EventEmitter<Date>;
+    readonly monthChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 范围季度 mouseenter 事件
      * @en_US Date mouseenter event
      */
-    rangeTdMouseenter: EventEmitter<XDateCell>;
+    readonly rangeTdMouseenter: import("@angular/core").OutputEmitterRef<XDateCell>;
     /**
      * @zh_CN 范围季度 mouseleave 事件
      * @en_US Date mouseleave event
      */
-    rangeTdMouseleave: EventEmitter<XDateCell>;
-    /**
-     * @zh_CN 范围中的季度点击事件
-     * @en_US Range date click event
-     */
-    rangeDateClick: EventEmitter<XDateCell>;
+    readonly rangeTdMouseleave: import("@angular/core").OutputEmitterRef<XDateCell>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerQuarterProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerQuarterProperty, "x-picker-quarter-property", never, { "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "model": { "alias": "model"; "required": false; }; "quarterTemp": { "alias": "quarterTemp"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "rangePicker": { "alias": "rangePicker"; "required": false; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "rangeType": { "alias": "rangeType"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "displayChange": "displayChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; "rangeDateClick": "rangeDateClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerQuarterProperty, "x-picker-quarter-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "quarterTemp": { "alias": "quarterTemp"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "rangePicker": { "alias": "rangePicker"; "required": false; "isSignal": true; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; "isSignal": true; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "type": "typeChange"; "display": "displayChange"; "model": "modelChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; }, never, never, false, never>;
 }
 /**
  * DateQuarter
@@ -790,107 +1257,88 @@ export declare class XPickerYearProperty extends XProperty {
      * @zh_CN 选择类型
      * @en_US Select type
      */
-    type: XDatePickerType;
+    readonly type: import("@angular/core").ModelSignal<XDatePickerType>;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
      */
-    display: Date;
+    readonly display: import("@angular/core").ModelSignal<Date>;
     /**
      * @zh_CN 选中的日期
      * @en_US Selected date
      */
-    model?: Date | null;
+    readonly model: import("@angular/core").ModelSignal<Date | null | undefined>;
     /**
      * @zh_CN 年份显示模板
      * @en_US Month display template
      */
-    yearTemp?: TemplateRef<any>;
+    readonly yearTemp: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 显示切换按钮
      * @en_US Display switch button
      */
-    showHeader: XBoolean;
+    readonly showHeader: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围选择
      * @en_US Range picker
      */
-    rangePicker?: XBoolean;
+    readonly rangePicker: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上一年
      * @en_US Last year
      */
-    lastYearBtn: XBoolean;
+    readonly lastYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 下一年
      * @en_US Next year
      */
-    nextYearBtn: XBoolean;
+    readonly nextYearBtn: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 范围年份
      * @en_US Range date
      */
-    rangeValue: (number | null)[];
+    readonly rangeValue: import("@angular/core").InputSignal<(number | null)[]>;
     /**
      * @zh_CN 当前选择的是开始/结束日期
      * @en_US The current choice is the start / end date
      */
-    rangeType: XDatePickerRangType;
+    readonly rangeType: import("@angular/core").InputSignal<XDatePickerRangType | undefined>;
     /**
      * @zh_CN 禁用的日期
      * @en_US Disabled date
      */
-    disabledDate?: XDatePickerDisabledDate;
-    /**
-     * @zh_CN 选中的事件
-     * @en_US Selected event
-     */
-    modelChange: EventEmitter<Date>;
-    /**
-     * @zh_CN 选择类型
-     * @en_US Select type
-     */
-    typeChange: EventEmitter<XDatePickerType>;
+    readonly disabledDate: import("@angular/core").InputSignal<XDatePickerDisabledDate | undefined>;
     /**
      * @zh_CN 开始年份变化的事件
      * @en_US Start year change event
      */
-    startChange: EventEmitter<number>;
+    readonly startChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
-    rangeChange: EventEmitter<Date[]>;
+    readonly rangeChange: import("@angular/core").OutputEmitterRef<Date[]>;
     /**
      * @zh_CN 选年的事件
      * @en_US Year change event
      */
-    yearChange: EventEmitter<number>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 选月的事件
      * @en_US Month change event
      */
-    monthChange: EventEmitter<number>;
-    /**
-     * @zh_CN 显示月份事件
-     * @en_US display date event
-     */
-    displayChange: EventEmitter<Date>;
+    readonly monthChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * @zh_CN 范围月份 mouseenter 事件
      * @en_US Date mouseenter event
      */
-    rangeTdMouseenter: EventEmitter<XDateCell>;
+    readonly rangeTdMouseenter: import("@angular/core").OutputEmitterRef<XDateCell>;
     /**
      * @zh_CN 范围月份 mouseleave 事件
      * @en_US Date mouseleave event
      */
-    rangeTdMouseleave: EventEmitter<XDateCell>;
-    /**
-     * @zh_CN 范围中的月份点击事件
-     * @en_US Range date click event
-     */
-    rangeDateClick: EventEmitter<XDateCell>;
+    readonly rangeTdMouseleave: import("@angular/core").OutputEmitterRef<XDateCell>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerYearProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "x-picker-year-property", never, { "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "model": { "alias": "model"; "required": false; }; "yearTemp": { "alias": "yearTemp"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "rangePicker": { "alias": "rangePicker"; "required": false; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; }; "rangeValue": { "alias": "rangeValue"; "required": false; }; "rangeType": { "alias": "rangeType"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "startChange": "startChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "displayChange": "displayChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; "rangeDateClick": "rangeDateClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "x-picker-year-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "yearTemp": { "alias": "yearTemp"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "rangePicker": { "alias": "rangePicker"; "required": false; "isSignal": true; }; "lastYearBtn": { "alias": "lastYearBtn"; "required": false; "isSignal": true; }; "nextYearBtn": { "alias": "nextYearBtn"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "disabledDate": { "alias": "disabledDate"; "required": false; "isSignal": true; }; }, { "type": "typeChange"; "display": "displayChange"; "model": "modelChange"; "startChange": "startChange"; "rangeChange": "rangeChange"; "yearChange": "yearChange"; "monthChange": "monthChange"; "rangeTdMouseenter": "rangeTdMouseenter"; "rangeTdMouseleave": "rangeTdMouseleave"; }, never, never, false, never>;
 }
+export {};