@ng-nest/ui 20.0.7 → 20.1.1

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, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XVariant, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPositionTopBottom, XFloatLabel } 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';
@@ -45,7 +45,7 @@ declare const XAutoCompleteProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -130,6 +130,16 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US Can only be the value of choice
      */
     readonly onlySelect: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -144,7 +154,7 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -236,7 +246,7 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
     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; }; "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; }; "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; }; "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>;
 }
 /**
  * AutoComplete Option
@@ -282,6 +292,16 @@ interface XAutoCompleteOption extends XFormOption {
      * @en_US Can only be the value of choice
      */
     onlySelect?: boolean;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XAutoCompleteFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -388,6 +408,11 @@ interface XAutoCompleteOption extends XFormOption {
      */
     nodeEmit?: (node: XAutoCompleteNode) => void;
 }
+/**
+ * @zh_CN 浮动标签类型
+ * @en_US Float label type
+ */
+type XAutoCompleteFloatLabel = XFloatLabel;
 /**
  * @zh_CN 输入框形态变体
  * @en_US Input box variant
@@ -493,4 +518,4 @@ declare class XAutoCompleteModule {
 }
 
 export { XAutoCompleteComponent, XAutoCompleteModule, XAutoCompletePortalComponent, XAutoCompletePortalPrefix, XAutoCompletePrefix, XAutoCompleteProperty };
-export type { XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };
+export type { XAutoCompleteFloatLabel, XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };

package/avatar/index.d.ts

@@ -118,8 +118,70 @@ declare class XAvatarProperty extends XAvatarProperty_base {
      *
      */
     readonly backgroundColor: _angular_core.InputSignal<string>;
+    /**
+     * @zh_CN 文字颜色
+     * @en_US color
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" color="#FFFFFF"></x-avatar>
+     * <x-avatar label="ng-nest" color="#333333"></x-avatar>
+     * ```
+     *
+     */
+    readonly color: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAvatarProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Avatar Option
+ */
+interface XAvatarOption {
+    /**
+     * @zh_CN 显示字符
+     * @en_US Display characters
+     */
+    label?: XTemplate;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XAvatarSize;
+    /**
+     * @zh_CN 显示图标
+     * @en_US Show icon
+     */
+    icon?: string;
+    /**
+     * @zh_CN 形状
+     * @en_US Shape
+     */
+    shape?: XAvatarShape;
+    /**
+     * @zh_CN 图片地址
+     * @en_US The map's address
+     */
+    src?: string;
+    /**
+     * @zh_CN 图片适应方式
+     * @en_US Image adaptation method
+     */
+    fit?: XAvatarFit;
+    /**
+     * @zh_CN 字符类型的时候左右边距
+     * @en_US When the character type is the left and right distance
+     */
+    gap?: string;
+    /**
+     * @zh_CN 背景颜色
+     * @en_US Background color
+     */
+    backgroundColor?: string;
+    /**
+     * @zh_CN 文字颜色
+     * @en_US color
+     */
+    color?: string;
 }
 /**
  * @zh_CN 头像形状
@@ -197,4 +259,4 @@ declare class XAvatarModule {
 }
 
 export { XAvatarComponent, XAvatarGroupComponent, XAvatarGroupPrefix, XAvatarGroupProperty, XAvatarModule, XAvatarPrefix, XAvatarProperty, X_AVATAR_CONFIG_NAME };
-export type { XAvatarFit, XAvatarShape, XAvatarSize };
+export type { XAvatarFit, XAvatarOption, XAvatarShape, XAvatarSize };

package/base-form/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Type, ChangeDetectorRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XAlign, XJustify, XDirection, XSize, XProperty, XBoolean, XNumber, XTemplate, XComponentConfigKey } from '@ng-nest/ui/core';
+import { XAlign, XJustify, XDirection, XSize, XProperty, XBoolean, XTemplate, XNumber, XComponentConfigKey } from '@ng-nest/ui/core';
 import * as rxjs from 'rxjs';
 import { ControlValueAccessor, ValidatorFn } from '@angular/forms';
 
@@ -83,7 +83,7 @@ declare class XFormControlProp extends XProperty {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -219,7 +219,7 @@ declare function XFormControlFunction<C extends XComponentConfigKey>(configName:
         setDisabledState(disabled: boolean): void;
         formControlValidator(): void;
         readonly validator: _angular_core.InputSignalWithTransform<boolean, _ng_nest_ui_core.XBoolean>;
-        readonly label: _angular_core.InputSignal<string>;
+        readonly label: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate>;
         readonly labelWidth: _angular_core.InputSignalWithTransform<string, _ng_nest_ui_core.XNumber>;
         readonly labelAlign: _angular_core.InputSignal<_ng_nest_ui_core.XAlign>;
         readonly justify: _angular_core.InputSignal<_ng_nest_ui_core.XJustify>;

package/bubble/index.d.ts

@@ -0,0 +1,170 @@
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as _angular_core from '@angular/core';
+import { Renderer2, ElementRef, SimpleChanges } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XSize, XTemplate, XBoolean, XNumber } from '@ng-nest/ui/core';
+import { XAvatarOption } from '@ng-nest/ui/avatar';
+import * as rxjs from 'rxjs';
+
+declare const XBubbleProperty_base: new () => {
+    config: _ng_nest_ui_core.XBubbleConfig | undefined;
+};
+/**
+ * Bubble Property
+ */
+declare class XBubbleProperty extends XBubbleProperty_base {
+    /**
+     * @zh_CN 气泡内容
+     * @en_US Bubble content
+     */
+    readonly content: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @zh_CN 头像
+     * @en_US Avatar
+     */
+    readonly avatar: _angular_core.InputSignal<XAvatarOption | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Bubble variant
+     */
+    readonly variant: _angular_core.InputSignal<XBubbleVariant>;
+    /**
+     * @zh_CN 位置
+     * @en_US Bubble placement
+     */
+    readonly placement: _angular_core.InputSignal<XBubblePlacement>;
+    /**
+     * @zh_CN 气泡头部内容
+     * @en_US Bubble header content
+     */
+    readonly header: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 气泡底部内容
+     * @en_US Bubble header content
+     */
+    readonly footer: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 加载中
+     * @en_US Loading
+     */
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 内容输出打字机效果
+     * @en_US Typing effect
+     */
+    readonly typing: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 打字机输出速度
+     * @en_US Typing speed
+     */
+    readonly speed: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 内容渲染器，可自定义内容的渲染方式，如 HTML、Markdown
+     * @en_US Content renderer, can customize content rendering, such as HTML, Markdown
+     */
+    readonly renderer: _angular_core.InputSignal<XBubbleContentRenderer | undefined>;
+    /**
+     * @zh_CN 是否显示打字机光标
+     * @en_US Whether to show the typing cursor
+     */
+    readonly showCursor: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleProperty, "x-bubble-property", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "showCursor": { "alias": "showCursor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare const XBubblesProperty_base: new () => {
+    config: _ng_nest_ui_core.XBubblesConfig | undefined;
+};
+/**
+ * Bubbles Property
+ */
+declare class XBubblesProperty extends XBubblesProperty_base {
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize | undefined>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Bubble variant
+     */
+    readonly variant: _angular_core.InputSignal<XBubbleVariant | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubblesProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubblesProperty, "x-bubbles-property", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 形态变体
+ * @en_US Bubble variant
+ */
+type XBubbleVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';
+/**
+ * @zh_CN 位置
+ * @en_US Bubble placement
+ */
+type XBubblePlacement = 'start' | 'end';
+/**
+ * @zh_CN 内容渲染函数
+ * @en_US Bubble content renderer
+ */
+type XBubbleContentRenderer = (content: string) => string | undefined;
+
+declare class XBubbleComponent extends XBubbleProperty {
+    sanitizer: DomSanitizer;
+    renderer2: Renderer2;
+    private bubbles;
+    contentRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+        "x-bubble-cursor": boolean;
+        "x-bubble-typing": boolean;
+    }>;
+    typedContent: _angular_core.WritableSignal<string>;
+    pendingContent: _angular_core.WritableSignal<string>;
+    pendingContentObserver: rxjs.Observable<string>;
+    private typingInterval;
+    sizeSignal: _angular_core.Signal<_ng_nest_ui_core.XSize>;
+    variantSignal: _angular_core.Signal<XBubbleVariant>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    get renderedContent(): _angular_platform_browser.SafeHtml;
+    private startTyping;
+    private stopTyping;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubbleComponent, "x-bubble", never, {}, {}, never, never, true, never>;
+}
+
+declare class XBubblesComponent extends XBubblesProperty {
+    elementRef: ElementRef<any>;
+    renderer: Renderer2;
+    private parentScrollElement;
+    private isFollowing;
+    private removeScrollListener;
+    private contentMutationObserver;
+    private typingObserver;
+    bubbles: _angular_core.Signal<readonly XBubbleComponent[]>;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    private getParentScrollElement;
+    private observeContentChanges;
+    private startTypingObserver;
+    private stopTypingObserver;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubblesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XBubblesComponent, "x-bubbles", never, {}, {}, ["bubbles"], ["*"], true, never>;
+}
+
+declare class XBubbleModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XBubbleModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XBubbleModule, never, [typeof XBubbleComponent, typeof XBubblesComponent], [typeof XBubbleComponent, typeof XBubblesComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XBubbleModule>;
+}
+
+export { XBubbleComponent, XBubbleModule, XBubblesComponent };

package/cascade/index.d.ts

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, AfterViewInit, OnChanges, OnDestroy, ElementRef, C
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XVariant, XCorner, XTrigger, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XCorner, XTrigger, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
@@ -45,7 +45,7 @@ declare const XCascadeProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -135,6 +135,16 @@ declare class XCascadeProperty extends XCascadeProperty_base {
      * @en_US Node template
      */
     readonly nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -149,7 +159,7 @@ declare class XCascadeProperty extends XCascadeProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -241,7 +251,7 @@ declare class XCascadeProperty extends XCascadeProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<XCascadeNode>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XCascadeProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XCascadeProperty, "x-cascade-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "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; }; "nodeTrigger": { "alias": "nodeTrigger"; "required": false; "isSignal": true; }; "nodeHoverDelay": { "alias": "nodeHoverDelay"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "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<XCascadeProperty, "x-cascade-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "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; }; "nodeTrigger": { "alias": "nodeTrigger"; "required": false; "isSignal": true; }; "nodeHoverDelay": { "alias": "nodeHoverDelay"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "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>;
 }
 /**
  * Cascade Option
@@ -257,6 +267,16 @@ interface XCascadeOption extends XFormOption {
      * @en_US Input variant
      */
     variant?: XCascadeVariant;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XCascadeFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
@@ -399,6 +419,11 @@ interface XCascadeNode extends XParentIdentityProperty<XCascadeNode> {
  * @en_US Sub node triggering method
  */
 type XCascadeNodeTrigger = XTrigger;
+/**
+ * @zh_CN 浮动标签类型
+ * @en_US Float label type
+ */
+type XCascadeFloatLabel = XFloatLabel;
 /**
  * @zh_CN 输入框形态变体
  * @en_US Input box variant
@@ -507,4 +532,4 @@ declare class XCascadeModule {
 }
 
 export { XCascadeComponent, XCascadeModule, XCascadePortalComponent, XCascadePortalPrefix, XCascadePrefix, XCascadeProperty };
-export type { XCascadeNode, XCascadeNodeTrigger, XCascadeOption, XCascadeVariant };
+export type { XCascadeFloatLabel, XCascadeNode, XCascadeNodeTrigger, XCascadeOption, XCascadeVariant };

package/checkbox/index.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, OnChanges, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
 import * as rxjs from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XTemplate, XData, XIdentityProperty } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XData, XIdentityProperty } from '@ng-nest/ui/core';
 import { XButtonType } from '@ng-nest/ui/button';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
@@ -41,7 +41,7 @@ declare const XCheckboxProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -120,7 +120,7 @@ declare class XCheckboxProperty extends XCheckboxProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -333,7 +333,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

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, OnChanges, AfterViewInit, ElementRef, SimpleChange
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XVariant, XCorner, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant, XCorner, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XSliderSelectComponent } from '@ng-nest/ui/slider-select';
 import { CdkDragMove } from '@angular/cdk/drag-drop';
@@ -47,7 +47,7 @@ declare const XColorPickerProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -87,6 +87,17 @@ declare class XColorPickerProperty extends XColorPickerProperty_base {
      * @en_US Display Border
      */
     readonly bordered: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -101,7 +112,7 @@ declare class XColorPickerProperty extends XColorPickerProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -188,7 +199,7 @@ declare class XColorPickerProperty extends XColorPickerProperty_base {
      */
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XColorPickerProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XColorPickerProperty, "x-color-picker-property", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "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, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XColorPickerProperty, "x-color-picker-property", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "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"; }, never, never, true, never>;
 }
 /**
  * ColorPicker Option
@@ -199,6 +210,16 @@ interface XColorPickerOption extends XFormOption {
      * @en_US Input variant
      */
     variant?: XColorPickerVariant;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XColorPickerFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
@@ -315,6 +336,11 @@ interface XColorPickerOption extends XFormOption {
  * @en_US Color type
  */
 type XColorType = 'hex' | 'rgba' | 'hsla';
+/**
+ * @zh_CN 浮动标签类型
+ * @en_US Float label type
+ */
+type XColorPickerFloatLabel = XFloatLabel;
 /**
  * @zh_CN 输入框形态变体
  * @en_US Input box variant
@@ -500,4 +526,4 @@ declare class XColorPickerModule {
 }
 
 export { XColorPickerComponent, XColorPickerModule, XColorPickerOptionDirective, XColorPickerPortalComponent, XColorPickerPortalPrefix, XColorPickerPrefix, XColorPickerProperty };
-export type { XColorPickerOption, XColorPickerVariant, XColorType };
+export type { XColorPickerFloatLabel, XColorPickerOption, XColorPickerVariant, XColorType };