@ng-nest/ui 17.0.12 → 18.0.1

package/input-number/input-number.property.d.ts

@@ -1,5 +1,6 @@
-import { XBoolean, XNumber, XSize } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
+import { XAlign, XBoolean, XDirection, XJustify, XNumber, XSize, XTemplate } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
+import { XFormOption } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 /**
  * InputNumber
@@ -7,92 +8,357 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XInputNumberPrefix = "x-input-number";
+declare const XInputNumberProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XInputNumberConfig | 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>;
+    /**
+     * @zh_CN 步数
+     * @en_US Step count
+     */
+    value: import("@angular/core").WritableSignal<any>;
+    validatorSignal: import("@angular/core").WritableSignal<boolean>;
+    disabledSignal: import("@angular/core").WritableSignal<boolean>;
+    requiredSignal: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @zh_CN 精度
+     * @en_US Precision
+     */
+    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>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+};
 /**
  * InputNumber Property
  */
-export declare class XInputNumberProperty extends XControlValueAccessor<any> implements XInputNumberOption {
+export declare class XInputNumberProperty extends XInputNumberProperty_base {
     /**
      * @zh_CN 最小值
      * @en_US Minimum
      */
-    min: XNumber;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 最大值
      * @en_US Max
      */
-    max: XNumber;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 步数
      * @en_US Step count
      */
-    step: XNumber;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 按住后步进速度
      * @en_US Stepping speed after pressing
      */
-    debounce: XNumber;
+    readonly debounce: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 精度
      * @en_US Precision
      */
-    precision: XNumber;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size: XSize;
+    readonly precision: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 数字格式化
      * @en_US Display Formatter
      */
-    formatter: (value: number) => XNumber;
+    readonly formatter: import("@angular/core").InputSignal<((value: number) => XNumber) | undefined>;
     /**
      * @zh_CN 隐藏步进按钮
      * @en_US Hide step button
      */
-    hiddenButton: XBoolean;
+    readonly hiddenButton: 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
+     */
+    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>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInputNumberProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XInputNumberProperty, "x-input-number-property", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "hiddenButton": { "alias": "hiddenButton"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInputNumberProperty, "x-input-number-property", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "hiddenButton": { "alias": "hiddenButton"; "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>;
 }
 /**
  * InputNumber Option
- * @undocument true
  */
 export interface XInputNumberOption extends XFormOption {
     /**
      * @zh_CN 最小值
      * @en_US Minimum
      */
-    min?: XNumber;
+    min?: number;
     /**
      * @zh_CN 最大值
      * @en_US Max
      */
-    max?: XNumber;
+    max?: number;
     /**
      * @zh_CN 步数
      * @en_US Step count
      */
-    step?: XNumber;
+    step?: number;
     /**
      * @zh_CN 按住后步进速度
      * @en_US Stepping speed after pressing
      */
-    debounce?: XNumber;
+    debounce?: number;
     /**
      * @zh_CN 精度
      * @en_US Precision
      */
-    precision?: XNumber;
+    precision?: number;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
     /**
-     *
      * @zh_CN 数字格式化
-     * @en_US Display Formate
+     * @en_US Display Formatter
+     */
+    formatter?: (value: number) => XNumber;
+    /**
+     * @zh_CN 隐藏步进按钮
+     * @en_US Hide step button
+     */
+    hiddenButton?: 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
+     */
+    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
      */
-    xFormatter?: (value: number) => XNumber;
+    inputValidator?: (value: any) => boolean;
 }
+export {};

package/keyword/keyword.directive.d.ts

@@ -1,18 +1,10 @@
-import { OnInit, OnDestroy, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XKeywordProperty } from './keyword.property';
 import * as i0 from "@angular/core";
-export declare class XKeywordDirective extends XKeywordProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {
-    private _unSub;
-    private renderer;
+export declare class XKeywordDirective extends XKeywordProperty {
     private elementRef;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setKeyword(): void;
-    setClassMap(): void;
+    get cls(): string;
+    textContent: import("@angular/core").Signal<string | undefined>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<XKeywordDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<XKeywordDirective, "[x-keyword]", never, {}, {}, never, never, true, never>;
 }

package/keyword/keyword.property.d.ts

@@ -1,4 +1,4 @@
-import { XBoolean, XProperty, XType } from '@ng-nest/ui/core';
+import type { XBoolean, XType } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Keyword
@@ -6,35 +6,39 @@ import * as i0 from "@angular/core";
  * @decorator directive
  */
 export declare const XKeywordPrefix = "x-keyword";
+declare const XKeywordProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XKeywordConfig | undefined;
+};
 /**
  * Keyword Property
  */
-export declare class XKeywordProperty extends XProperty {
+export declare class XKeywordProperty extends XKeywordProperty_base {
     /**
      * @zh_CN 类型
      * @en_US Types of
      */
-    type?: XKeywordType;
+    readonly type: import("@angular/core").InputSignal<XType>;
     /**
      * @zh_CN 匹配关键字区分大小写
      * @en_US Case-sensitive
      */
-    caseSensitive: XBoolean;
+    readonly caseSensitive: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 颜色
      * @en_US color
      */
-    color?: string;
+    readonly color: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 文字
      * @en_US text
      */
-    text: string | string[];
+    readonly text: import("@angular/core").InputSignal<string | string[] | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XKeywordProperty, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XKeywordProperty, "[x-keyword]", never, { "type": { "alias": "type"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XKeywordProperty, "[x-keyword]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @zh_CN 类型
  * @en_US Keyword type
  */
 export type XKeywordType = XType;
+export {};

package/layout/col.component.d.ts

@@ -1,17 +1,14 @@
-import { OnInit } from '@angular/core';
 import { XColProperty } from './layout.property';
 import * as i0 from "@angular/core";
-export declare class XColComponent extends XColProperty implements OnInit {
-    get getFlex(): boolean;
+export declare class XColComponent extends XColProperty {
     private rowComponent;
-    private renderer;
-    private elementRef;
-    ngOnInit(): void;
-    setSpan(): void;
-    setOffset(): void;
-    setSpace(): void;
-    setLayout(): void;
-    setInherit(): void;
+    private document;
+    private fontSize;
+    get getFlex(): boolean;
+    get cls(): string;
+    get paddingLeft(): string;
+    get paddingRight(): string;
+    space: import("@angular/core").Signal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XColComponent, "x-col", never, {}, {}, never, ["*"], true, never>;
 }

package/layout/layout.property.d.ts

@@ -1,4 +1,4 @@
-import { XJustify, XAlign, XProperty, XNumber, XBoolean } from '@ng-nest/ui/core';
+import type { XJustify, XAlign, XNumber, XBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Row
@@ -6,27 +6,57 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XRowPrefix = "x-row";
+declare const XRowProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XRowConfig | undefined;
+};
 /**
  * Row Property
  */
-export declare class XRowProperty extends XProperty {
+export declare class XRowProperty extends XRowProperty_base {
     /**
-     * @zh_CN 列间隔，rem
-     * @en_US Column interval, rem
+     * @zh_CN 列间隔
+     * @en_US Column interval
+     * @example
+     *
+     * ```html
+     * <x-row space="1rem">
+     *   <x-col span="6">col-1</x-col>
+     *   <x-col span="6">col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    space?: XNumber;
+    readonly space: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN flex 布局下的水平排列方式
      * @en_US Horizontal arrangement under flex layout
+     * @example
+     *
+     * ```html
+     * <x-row justify="end">
+     *   <x-col span="6">col-1</x-col>
+     *   <x-col span="6">col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    justify?: XJustify;
+    readonly justify: import("@angular/core").InputSignal<XJustify | undefined>;
     /**
      * @zh_CN flex 布局下的垂直排列方式
      * @en_US Vertical arrangement under flex layout
+     * @example
+     *
+     * ```html
+     * <x-row align="end">
+     *   <x-col span="6">col-1</x-col>
+     *   <x-col span="6">col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    align?: XAlign;
+    readonly align: import("@angular/core").InputSignal<XAlign | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XRowProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XRowProperty, "x-row-property", never, { "space": { "alias": "space"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRowProperty, "x-row-property", never, { "space": { "alias": "space"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * Col
@@ -34,45 +64,76 @@ export declare class XRowProperty extends XProperty {
  * @decorator component
  */
 export declare const XColPrefix = "x-col";
+declare const XColProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XColConfig | undefined;
+};
 /**
  * Col Property
  */
-export declare class XColProperty extends XProperty {
+export declare class XColProperty extends XColProperty_base {
     /**
      * @zh_CN 24栅格布局，列占的宽度
      * @en_US 24 grid layout, column width
+     * @example
+     *
+     * ```html
+     * <x-row>
+     *   <x-col span="6">col-1</x-col>
+     *   <x-col span="18">col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    span?: XNumber;
+    readonly span: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 栅格左侧的间隔格数
      * @en_US The number of intervals on the left side of the grid
+     * @example
+     *
+     * ```html
+     * <x-row>
+     *   <x-col span="6">col-1</x-col>
+     *   <x-col span="12" offset="6">col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    offset?: XNumber;
+    readonly offset: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * <768px
      */
-    xs?: XNumber;
+    readonly xs: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * ≥768px
      */
-    sm?: XNumber;
+    readonly sm: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * ≥992px
      */
-    md?: XNumber;
+    readonly md: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * ≥1200px
      */
-    lg?: XNumber;
+    readonly lg: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * ≥1920px
      */
-    xl?: XNumber;
+    readonly xl: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 默认样式
      * @en_US Default style
+     * @example
+     *
+     * ```html
+     * <x-row>
+     *   <x-col span="6" inherit>col-1</x-col>
+     *   <x-col span="12" offset="6" inherit>col-2</x-col>
+     * </x-row>
+     * ```
+     *
      */
-    inherit?: XBoolean;
+    readonly inherit: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XColProperty, "x-col-property", never, { "span": { "alias": "span"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "xs": { "alias": "xs"; "required": false; }; "sm": { "alias": "sm"; "required": false; }; "md": { "alias": "md"; "required": false; }; "lg": { "alias": "lg"; "required": false; }; "xl": { "alias": "xl"; "required": false; }; "inherit": { "alias": "inherit"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XColProperty, "x-col-property", never, { "span": { "alias": "span"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "inherit": { "alias": "inherit"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};