@ng-nest/ui 17.0.12 → 18.0.0

package/checkbox/checkbox.property.d.ts

@@ -1,6 +1,7 @@
-import { XData, XTemplate, XIdentityProperty, XSize, XBoolean } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
 import { XButtonType } from '@ng-nest/ui/button';
-import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
+import { XFormOption } from '@ng-nest/ui/base-form';
+import type { XData, XTemplate, XIdentityProperty, XSize, XBoolean, XDirection, XAlign, XJustify, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Checkbox
@@ -8,113 +9,245 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XCheckboxPrefix = "x-checkbox";
+declare const XCheckboxProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XCheckboxConfig | undefined;
+    cdr: import("@angular/core").ChangeDetectorRef;
+    invalid: import("@angular/core").Signal<boolean>;
+    invalidPattern: import("@angular/core").Signal<boolean>;
+    /**
+     * @zh_CN 多选框数据
+     * @en_US Checkbox data
+     */
+    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>;
+};
 /**
  * Checkbox Property
  */
-export declare class XCheckboxProperty extends XControlValueAccessor<boolean | Array<any>> implements XCheckboxOption {
+export declare class XCheckboxProperty extends XCheckboxProperty_base {
     /**
      * @zh_CN 多选框数据
      * @en_US Checkbox data
      */
-    data: XData<XCheckboxNode>;
+    readonly data: import("@angular/core").InputSignalWithTransform<XData<XCheckboxNode>, XData<XCheckboxNode>>;
     /**
      * @zh_CN 按钮样式
      * @en_US Button style
      */
-    button?: XBoolean;
+    readonly button: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 图标样式
      * @en_US Icon style
      */
-    icon?: XBoolean;
+    readonly icon: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN tag 标签样式
      * @en_US Tag style
      */
-    tag?: XBoolean;
+    readonly tag: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 不确定状态的样式
      * @en_US Uncertain state style
      */
-    indeterminate?: XBoolean;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size?: XSize;
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 按钮/图标/ tag 标签样式时生效
      * @en_US Take effect when button style
      */
-    type: XButtonType;
+    readonly type: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XType>;
     /**
      * @zh_CN tag 标签边框
      * @en_US Tag bordered
      */
-    tagBordered: XBoolean;
+    readonly tagBordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN tag 标签深色主题
      * @en_US Tag dark theme
      */
-    tagDark: XBoolean;
+    readonly tagDark: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 只有一个选项，启动此参数时，value 的值为 true / false
      * @en_US There is only one option, when this parameter is activated, the value is true or false
      */
-    single: XBoolean;
+    readonly single: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 垂直布局，不支持 button 和 icon 样式
      * @en_US Vertical layout, does not support button and icon styles
      */
-    vertical: XBoolean;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @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
      */
-    before: XTemplate;
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 后置标签
      * @en_US After label
      */
-    after: XTemplate;
+    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>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCheckboxProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCheckboxProperty, "x-checkbox-property", never, { "data": { "alias": "data"; "required": false; }; "button": { "alias": "button"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "tagBordered": { "alias": "tagBordered"; "required": false; }; "tagDark": { "alias": "tagDark"; "required": false; }; "single": { "alias": "single"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "before": { "alias": "before"; "required": false; }; "after": { "alias": "after"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCheckboxProperty, "x-checkbox-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "tagBordered": { "alias": "tagBordered"; "required": false; "isSignal": true; }; "tagDark": { "alias": "tagDark"; "required": false; "isSignal": true; }; "single": { "alias": "single"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "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"; }, never, never, false, never>;
 }
 /**
  * Checkbox Option
- * @undocument true
  */
 export interface XCheckboxOption extends XFormOption {
     /**
-     * @zh_CN 单选框数据
-     * @en_US Radio data
+     * @zh_CN 多选框数据
+     * @en_US Checkbox data
      */
     data?: XData<XCheckboxNode>;
     /**
      * @zh_CN 按钮样式
      * @en_US Button style
      */
-    button?: XBoolean;
+    button?: boolean;
     /**
      * @zh_CN 图标样式
      * @en_US Icon style
      */
-    icon?: XBoolean;
+    icon?: boolean;
     /**
      * @zh_CN tag 标签样式
      * @en_US Tag style
      */
-    tag?: XBoolean;
+    tag?: boolean;
     /**
      * @zh_CN 不确定状态的样式
      * @en_US Uncertain state style
      */
-    indeterminate?: XBoolean;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size?: XSize;
+    indeterminate?: boolean;
     /**
      * @zh_CN 按钮/图标/ tag 标签样式时生效
      * @en_US Take effect when button style
@@ -124,12 +257,92 @@ export interface XCheckboxOption extends XFormOption {
      * @zh_CN tag 标签边框
      * @en_US Tag bordered
      */
-    tagBordered?: XBoolean;
+    tagBordered?: boolean;
     /**
      * @zh_CN tag 标签深色主题
      * @en_US Tag dark theme
      */
-    tagDark?: XBoolean;
+    tagDark?: boolean;
+    /**
+     * @zh_CN 只有一个选项，启动此参数时，value 的值为 true / false
+     * @en_US There is only one option, when this parameter is activated, the value is true or false
+     */
+    single?: boolean;
+    /**
+     * @zh_CN 垂直布局，不支持 button 和 icon 样式
+     * @en_US Vertical layout, does not support button and icon styles
+     */
+    vertical?: boolean;
+    /**
+     * @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
+     */
+    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
@@ -140,6 +353,26 @@ export interface XCheckboxOption 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 Checkbox 数据对象
@@ -151,6 +384,11 @@ export interface XCheckboxNode extends XIdentityProperty {
      * @en_US Disable
      */
     disabled?: boolean;
+    /**
+     * @zh_CN 选中
+     * @en_US Disable
+     */
+    checked?: boolean;
     /**
      * @zh_CN 图标
      * @en_US Icon
@@ -167,3 +405,4 @@ export interface XCheckboxNode extends XIdentityProperty {
      */
     label?: XTemplate;
 }
+export {};

package/collapse/collapse-panel.component.d.ts

@@ -1,11 +1,14 @@
 import { OnInit } from '@angular/core';
 import { XCollapsePanelProperty } from './collapse.property';
 import { XCollapseComponent } from './collapse.component';
+import type { AnimationEvent } from '@angular/animations';
 import * as i0 from "@angular/core";
 export declare class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {
-    index: number;
+    index: import("@angular/core").WritableSignal<number>;
     collapseComponent: XCollapseComponent | null;
-    private cdr;
+    show: import("@angular/core").WritableSignal<boolean>;
+    activeSignal: import("@angular/core").WritableSignal<boolean>;
+    done(event: AnimationEvent): void;
     ngOnInit(): void;
     headerClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCollapsePanelComponent, never>;

package/collapse/collapse.component.d.ts

@@ -1,12 +1,8 @@
-import { OnInit } from '@angular/core';
 import { XCollapseProperty } from './collapse.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XCollapseComponent extends XCollapseProperty implements OnInit {
-    start: number;
-    panelChanges: Function[];
-    configService: XConfigService;
-    ngOnInit(): void;
+export declare class XCollapseComponent extends XCollapseProperty {
+    start: import("@angular/core").WritableSignal<number>;
+    panelChanges: import("@angular/core").WritableSignal<(() => void)[]>;
     change(num: number, add?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCollapseComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCollapseComponent, "x-collapse", never, {}, {}, never, ["*"], true, never>;

package/collapse/collapse.property.d.ts

@@ -1,5 +1,5 @@
-import { XProperty, XTemplate, XNumber, XBoolean } from '@ng-nest/ui/core';
-import { EventEmitter } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
+import type { XTemplate, XBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Collapse
@@ -7,52 +7,116 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XCollapsePrefix = "x-collapse";
+declare const XCollapseProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XCollapseConfig | undefined;
+};
 /**
  * Collapse Property
  */
-export declare class XCollapseProperty extends XProperty {
+export declare class XCollapseProperty extends XCollapseProperty_base {
     /**
      * @zh_CN 是否以手风琴的方式展示，只展开一个面板
      * @en_US Whether to display as an accordion, only expand one panel
+     * @example
+     *
+     * ```html
+     * <x-collapse accordion>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    accordion?: XBoolean;
+    readonly accordion: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 显示的图标
      * @en_US The icon displayed on the right
+     * @example
+     *
+     * ```html
+     * <x-collapse [icon]="iconTpl">
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * <ng-template #iconTpl>
+     *   <x-icon type="ado-caret-right"></x-icon>
+     * </ng-template>
+     * ```
+     *
      */
-    icon?: XTemplate;
+    readonly icon: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 显示/隐藏图标
      * @en_US Show / hide icon
+     * @example
+     *
+     * ```html
+     * <x-collapse showIcon="false">
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    showIcon?: Boolean;
+    readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 图标位置
      * @en_US Icon position
+     * @example
+     *
+     * ```html
+     * <x-collapse iconPosition="left">
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    iconPosition?: XCollapseIconPosition;
+    readonly iconPosition: import("@angular/core").InputSignal<XCollapseIconPosition>;
     /**
      * @zh_CN 幽灵面板
      * @en_US Ghost panel
+     * @example
+     *
+     * ```html
+     * <x-collapse ghost>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    ghost?: XBoolean;
+    readonly ghost: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 边框
      * @en_US border
+     * @example
+     *
+     * ```html
+     * <x-collapse bordered>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    bordered?: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 当前激活的面板序号
      * @en_US The serial number of the currently active panel
+     * @example
+     *
+     * ```html
+     * <x-collapse [active]="[0, 1]">
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2"></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    active: XNumber | XNumber[];
-    /**
-     * @zh_CN 激活的面板发生变化的事件
-     * @en_US The event that the activated panel changes
-     */
-    activeChange: EventEmitter<XNumber | XNumber[]>;
+    readonly active: import("@angular/core").ModelSignal<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCollapseProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapseProperty, "x-collapse-property", never, { "accordion": { "alias": "accordion"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapseProperty, "x-collapse-property", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, false, never>;
 }
 /**
  * @zh_CN 图标位置
@@ -72,18 +136,47 @@ export declare class XCollapsePanelProperty extends XProperty {
     /**
      * @zh_CN 标题，支持模板自定义
      * @en_US Title, support template customization
+     * @example
+     *
+     * ```html
+     * <x-collapse>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel [label]="labelTpl"></x-collapse-panel>
+     * </x-collapse>
+     * <ng-template #labelTpl>Title 2</ng-template>
+     * ```
+     *
      */
-    label?: XTemplate;
+    readonly label: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 激活当前面板
      * @en_US Activate the current panel
+     * @example
+     *
+     * ```html
+     * <x-collapse>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2" active></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    active?: XBoolean;
+    readonly active: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 禁用
      * @en_US disabled
+     * @example
+     *
+     * ```html
+     * <x-collapse>
+     *   <x-collapse-panel label="Title 1"></x-collapse-panel>
+     *   <x-collapse-panel label="Title 2" disabled></x-collapse-panel>
+     * </x-collapse>
+     * ```
+     *
      */
-    disabled?: XBoolean;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCollapsePanelProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapsePanelProperty, "x-collapse-panel-property", never, { "label": { "alias": "label"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapsePanelProperty, "x-collapse-panel-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};