@ng-nest/ui 20.3.0 → 20.3.2

package/attachments/index.d.ts

@@ -18,19 +18,18 @@ declare const XAttachmentsProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -55,8 +54,8 @@ declare const XAttachmentsProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;

package/auto-complete/index.d.ts

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, OnChanges, ComponentRef, SimpleChanges } from '@an
 import * as rxjs from 'rxjs';
 import { Subject, BehaviorSubject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XPositionLeftRight, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XListComponent } from '@ng-nest/ui/list';
@@ -23,19 +23,18 @@ declare const XAutoCompleteProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -60,8 +59,8 @@ declare const XAutoCompleteProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -107,6 +106,16 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
     readonly inputStyle: _angular_core.InputSignal<{
         [style: string]: any;
     } | undefined>;
+    /**
+     * @zh_CN 图标
+     * @en_US Icon
+     */
+    readonly icon: _angular_core.ModelSignal<string | undefined>;
+    /**
+     * @zh_CN 图标布局方式
+     * @en_US Icon layout
+     */
+    readonly iconLayout: _angular_core.InputSignal<XPositionLeftRight>;
     /**
      * @zh_CN 下拉框的最大高度
      * @en_US The biggest height of the drop-down box
@@ -127,6 +136,11 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US The style class name of the drop-down box
      */
     readonly portalClass: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 自定义下拉框中的内容
+     * @en_US Custom content in the drop-down box
+     */
+    readonly portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 匹配区分大小写
      * @en_US Case-sensitive
@@ -231,12 +245,12 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -252,8 +266,13 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US Node click event
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
+    /**
+     * @zh_CN 输入值变化事件
+     * @en_US Input value change event
+     */
+    readonly searchChange: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "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, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLayout": { "alias": "iconLayout"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "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; }; }, { "icon": "iconChange"; "active": "activeChange"; "nodeEmit": "nodeEmit"; "searchChange": "searchChange"; }, never, never, true, never>;
 }
 /**
  * AutoComplete Option
@@ -393,12 +412,12 @@ interface XAutoCompleteOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -415,6 +434,13 @@ interface XAutoCompleteOption extends XFormOption {
      */
     nodeEmit?: (node: XAutoCompleteNode) => void;
 }
+/**
+ * @zh_CN 图标布局方式，指在输入框中的位置
+ * @en_US Icon layout, refers to the position in the input box
+ * @value "left" 靠左
+ * @value "right" 靠右
+ */
+type XAutoCompleteIconLayoutType = XPositionLeftRight;
 /**
  * @zh_CN 浮动标签类型
  * @en_US Float label type
@@ -443,7 +469,7 @@ declare class XAutoCompletePortalComponent implements OnInit {
     animateLeave: string;
     done(): void;
     start(): void;
-    list: _angular_core.Signal<XListComponent>;
+    list: _angular_core.Signal<XListComponent | undefined>;
     data: _angular_core.InputSignal<XAutoCompleteNode[] | undefined>;
     value: _angular_core.InputSignal<any>;
     placement: _angular_core.InputSignal<XPositionTopBottom | undefined>;
@@ -460,6 +486,14 @@ declare class XAutoCompletePortalComponent implements OnInit {
     keydownSubject: Subject<KeyboardEvent>;
     active: _angular_core.WritableSignal<number>;
     destroy: _angular_core.WritableSignal<boolean>;
+    portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    portalTempContext: _angular_core.Signal<{
+        $implicit: XAutoCompleteNode[] | undefined;
+        $data: XAutoCompleteNode[] | undefined;
+        $value: any;
+        $close: () => void;
+        $nodeClick: (node: XAutoCompleteNode) => void;
+    }>;
     private unSubject;
     private destroyRef;
     ngOnInit(): void;
@@ -469,14 +503,13 @@ declare class XAutoCompletePortalComponent implements OnInit {
     onActive(num: number): void;
     onTabOut(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompletePortalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompletePortalComponent, "x-auto-complete-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; }, { "keywordText": "keywordTextChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompletePortalComponent, "x-auto-complete-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; }, { "keywordText": "keywordTextChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }
 
 declare class XAutoCompleteComponent extends XAutoCompleteProperty implements OnInit, OnChanges {
     inputCom: _angular_core.Signal<XInputComponent>;
     nodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
     searchNodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
-    icon: _angular_core.WritableSignal<string>;
     iconSpin: _angular_core.WritableSignal<boolean>;
     animating: _angular_core.WritableSignal<boolean>;
     valueTplContextSignal: _angular_core.WritableSignal<{
@@ -484,6 +517,8 @@ declare class XAutoCompleteComponent extends XAutoCompleteProperty implements On
         $isValue: boolean;
     }>;
     valueTplContextComputed: _angular_core.Signal<unknown>;
+    widthComputed: _angular_core.Signal<boolean>;
+    get hostWidth(): any;
     inputChange: BehaviorSubject<any>;
     closeSubject: Subject<void>;
     keydownSubject: Subject<KeyboardEvent>;
@@ -515,6 +550,8 @@ declare class XAutoCompleteComponent extends XAutoCompleteProperty implements On
     setSearchNodes(value: string | number): void;
     modelChange(value: string | number): void;
     onKeydown($event: KeyboardEvent): void;
+    portalClose(): void;
+    portalNodeClick(node: XAutoCompleteNode): void;
     onInput(_event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteComponent, "x-auto-complete", never, {}, {}, never, never, true, never>;
@@ -527,4 +564,4 @@ declare class XAutoCompleteModule {
 }
 
 export { XAutoCompleteComponent, XAutoCompleteModule, XAutoCompletePortalComponent, XAutoCompletePortalPrefix, XAutoCompletePrefix, XAutoCompleteProperty };
-export type { XAutoCompleteFloatLabel, XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };
+export type { XAutoCompleteFloatLabel, XAutoCompleteIconLayoutType, XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };

package/base-form/index.d.ts

@@ -52,11 +52,11 @@ interface XFormOption {
     /**
      * 正则验证规则
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * 验证不通过提示文字
      */
-    message?: string | string[];
+    message?: string;
     /**
      * 激活状态
      */
@@ -158,12 +158,12 @@ declare class XFormControlProp extends XProperty {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -197,19 +197,18 @@ declare function XFormControlFunction<C extends XComponentConfigKey>(configName:
         invalidPattern: _angular_core.Signal<boolean>;
         requiredIsEmpty: _angular_core.Signal<boolean>;
         invalidMessage: _angular_core.Signal<string>;
-        invalidIndex: _angular_core.Signal<number>;
         value: _angular_core.WritableSignal<any>;
         valueObservable: rxjs.Observable<any>;
         validatorSignal: _angular_core.WritableSignal<boolean>;
         disabledSignal: _angular_core.WritableSignal<boolean>;
         requiredSignal: _angular_core.WritableSignal<boolean>;
         patternSignal: _angular_core.WritableSignal<any>;
-        messageSignal: _angular_core.WritableSignal<string | string[]>;
+        messageSignal: _angular_core.WritableSignal<string>;
         requiredComputed: _angular_core.Signal<boolean>;
         disabledComputed: _angular_core.Signal<boolean>;
         validatorComputed: _angular_core.Signal<boolean>;
         patternComputed: _angular_core.Signal<any>;
-        messageComputed: _angular_core.Signal<string | string[]>;
+        messageComputed: _angular_core.Signal<string>;
         invalidInputValidator: _angular_core.WritableSignal<boolean>;
         onChange: (value: any) => void;
         onTouched: () => void;
@@ -234,8 +233,8 @@ declare function XFormControlFunction<C extends XComponentConfigKey>(configName:
         readonly valueTplContext: _angular_core.InputSignal<unknown>;
         readonly before: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
         readonly after: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
-        readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-        readonly message: _angular_core.InputSignal<string | string[]>;
+        readonly pattern: _angular_core.InputSignal<RegExp | null>;
+        readonly message: _angular_core.InputSignal<string>;
         readonly active: _angular_core.ModelSignal<boolean>;
         readonly pointer: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
         readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;

package/bubble/index.d.ts

@@ -1,10 +1,10 @@
+import * as rxjs from 'rxjs';
+import { Observable } from 'rxjs';
 import * as _angular_core from '@angular/core';
-import { Renderer2, ChangeDetectorRef, ElementRef, SimpleChanges } from '@angular/core';
+import { Renderer2, ChangeDetectorRef, ElementRef, SimpleChanges, Signal } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XTemplate, XSize, XBoolean, XNumber } from '@ng-nest/ui/core';
+import { XTemplate, XSize, XBoolean, XNumber, XVariant } from '@ng-nest/ui/core';
 import { XAvatarOption } from '@ng-nest/ui/avatar';
-import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 declare const XBubbleProperty_base: new () => {
@@ -176,8 +176,8 @@ declare class XBubbleComponent extends XBubbleProperty {
     reasoningToggle: _angular_core.WritableSignal<boolean>;
     private typingInterval;
     renderedContent: _angular_core.WritableSignal<SafeHtml>;
-    sizeSignal: _angular_core.Signal<_ng_nest_ui_core.XSize>;
-    variantSignal: _angular_core.Signal<XBubbleVariant>;
+    sizeSignal: _angular_core.Signal<XSize>;
+    variantSignal: _angular_core.Signal<XVariant>;
     isTemplate: _angular_core.Signal<boolean>;
     isString: _angular_core.Signal<boolean>;
     isReasoningTemplate: _angular_core.Signal<boolean>;
@@ -192,7 +192,12 @@ declare class XBubbleComponent extends XBubbleProperty {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleComponent, "x-bubble", never, {}, {}, never, never, true, never>;
 }
 
-declare class XBubblesComponent extends XBubblesProperty {
+interface XBubblesContext {
+    size: Signal<string | undefined>;
+    variant: Signal<string | undefined>;
+}
+
+declare class XBubblesComponent extends XBubblesProperty implements XBubblesContext {
     elementRef: ElementRef<any>;
     renderer: Renderer2;
     private parentScrollElement;

package/cascade/index.d.ts

@@ -23,19 +23,18 @@ declare const XCascadeProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -60,8 +59,8 @@ declare const XCascadeProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -229,12 +228,12 @@ declare class XCascadeProperty extends XCascadeProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -386,12 +385,12 @@ interface XCascadeOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state

package/checkbox/index.d.ts

@@ -19,19 +19,18 @@ declare const XCheckboxProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -56,8 +55,8 @@ declare const XCheckboxProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -333,7 +332,7 @@ declare class XCheckboxComponent extends XCheckboxProperty implements OnChanges,
     labelMapSignal: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    checkboxType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
+    checkboxType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;

package/color-picker/index.d.ts

@@ -25,19 +25,18 @@ declare const XColorPickerProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -62,8 +61,8 @@ declare const XColorPickerProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -194,12 +193,12 @@ declare class XColorPickerProperty extends XColorPickerProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -326,12 +325,12 @@ interface XColorPickerOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state