ngx-tethys 19.1.0-next.5 → 19.1.0-next.7

package/layout/sidebar.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Signal, TemplateRef } from '@angular/core';
 import { ThyResizeEvent } from 'ngx-tethys/resizable';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type ThySidebarTheme = 'white' | 'light' | 'dark';
 export type ThySidebarDirection = 'left' | 'right';
 /**
@@ -11,53 +10,35 @@ export type ThySidebarDirection = 'left' | 'right';
  */
 export declare class ThySidebarDirective implements OnInit {
     private thyLayoutDirective;
-    sidebarIsolated: boolean;
-    isDivided: boolean;
-    thyLayoutSidebarWidth: number;
     /**
      * sidebar 位置，默认在左侧
      */
-    thyDirection: ThySidebarDirection;
+    readonly thyDirection: import("@angular/core").InputSignal<ThySidebarDirection>;
     /**
      * 主题
      * @type white | light | dark
      * @default white
      */
-    thyTheme: ThySidebarTheme;
+    readonly thyTheme: import("@angular/core").InputSignal<ThySidebarTheme>;
     /**
      * 宽度，默认是 240px，传入 `lg` 大小时宽度是300px
      * @default 240px
      */
-    set thyWidth(value: string | number);
+    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string | number, string | number>;
+    readonly sidebarWidth: import("@angular/core").WritableSignal<number>;
     /**
      * 是否和右侧 /左侧隔离，当为 true 时距右侧 /左侧会有 margin，同时边框会去掉
      * @default false
      */
-    set thyIsolated(value: boolean);
+    readonly thyIsolated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * sidebar 是否有分割线。当`thyDirection`值为`left`时，控制右侧是否有分割线；当`thyDirection`值为`right`时，控制左侧是否有分割线。
      * @default true
      */
-    set thyDivided(value: boolean);
-    /**
-     * 右侧是否有边框，已废弃，请使用 thyDivided
-     * @deprecated please use thyDivided
-     * @default true
-     */
-    set thyHasBorderRight(value: boolean);
-    /**
-     * 左侧是否有边框，已废弃，请使用 thyDivided
-     * @deprecated please use thyDivided
-     * @default true
-     */
-    set thyHasBorderLeft(value: boolean);
+    readonly thyDivided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarDirective, "[thySidebar]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; }; "thyTheme": { "alias": "thyTheme"; "required": false; }; "thyWidth": { "alias": "thyWidth"; "required": false; }; "thyIsolated": { "alias": "thyIsolated"; "required": false; }; "thyDivided": { "alias": "thyDivided"; "required": false; }; "thyHasBorderRight": { "alias": "thyHasBorderRight"; "required": false; }; "thyHasBorderLeft": { "alias": "thyHasBorderLeft"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_thyIsolated: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyDivided: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyHasBorderRight: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyHasBorderLeft: i1.ThyBooleanInput;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThySidebarDirective, "[thySidebar]", never, { "thyDirection": { "alias": "thyDirection"; "required": false; "isSignal": true; }; "thyTheme": { "alias": "thyTheme"; "required": false; "isSignal": true; }; "thyWidth": { "alias": "thyWidth"; "required": false; "isSignal": true; }; "thyIsolated": { "alias": "thyIsolated"; "required": false; "isSignal": true; }; "thyDivided": { "alias": "thyDivided"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * 侧边栏布局组件
@@ -66,88 +47,77 @@ export declare class ThySidebarDirective implements OnInit {
  */
 export declare class ThySidebar implements OnInit, OnDestroy {
     private locale;
-    elementRef: ElementRef<any>;
+    readonly elementRef: ElementRef<any>;
     private hotkeyDispatcher;
-    sidebarDirective: ThySidebarDirective;
-    get sidebarWidth(): number;
+    readonly sidebarDirective: ThySidebarDirective;
+    protected readonly isMouseEnter: import("@angular/core").WritableSignal<boolean>;
+    protected readonly sidebarWidth: Signal<number>;
     mouseenter($event: MouseEvent): void;
     mouseleave($event: MouseEvent): void;
     /**
      * 宽度是否可以拖拽
      * @default false
      */
-    thyDraggable: boolean;
+    readonly thyDraggable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 拖拽的最大宽度
      */
-    thyDragMaxWidth: number;
+    readonly thyDragMaxWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 拖拽的最小宽度
      */
-    thyDragMinWidth: number;
+    readonly thyDragMinWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 展示收起的触发器自定义模板，默认显示展开收起的圆形图标，设置为 null 表示不展示触发元素，手动控制展开收起状态
      * @type null | undefined | TemplateRef<any>
      * @default undefined
      */
-    thyTrigger: null | undefined | TemplateRef<any>;
+    readonly thyTrigger: import("@angular/core").InputSignal<TemplateRef<any>>;
     /**
      * 收起状态改变后的事件
      */
-    thyCollapsedChange: EventEmitter<boolean>;
+    readonly thyCollapsedChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * 拖拽宽度的修改事件
      */
-    thyDragWidthChange: EventEmitter<number>;
+    readonly thyDragWidthChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * 开启收起/展开功能
      * @default false
      */
-    set thyCollapsible(collapsible: boolean);
-    get thyCollapsible(): boolean;
+    readonly thyCollapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 是否是收起
      * @default false
      */
-    set thyCollapsed(value: boolean);
-    get thyCollapsed(): boolean;
+    readonly thyCollapsed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly collapsed: import("@angular/core").WritableSignal<boolean>;
+    readonly collapseVisible: Signal<boolean>;
     /**
      * 收起后的宽度
      */
-    thyCollapsedWidth: number;
+    readonly thyCollapsedWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 默认宽度，双击后可恢复到此宽度，默认是 240px，传入 lg 大小时宽度是300px
      */
-    thyDefaultWidth: string | number;
-    get collapseVisibility(): boolean;
-    get removeTransition(): boolean;
-    collapseTip: string;
-    collapsible: boolean;
-    isCollapsed: boolean;
-    originWidth: number;
-    collapseVisible: boolean;
-    collapseHidden: boolean;
-    isRemoveTransition: boolean;
-    isResizable: boolean;
-    get dragMinWidth(): number;
+    readonly thyDefaultWidth: import("@angular/core").InputSignalWithTransform<string | number, string | number>;
+    readonly collapseTip: Signal<string>;
+    private originWidth;
+    readonly collapseHidden: import("@angular/core").WritableSignal<boolean>;
+    readonly isRemoveTransition: import("@angular/core").WritableSignal<boolean>;
+    readonly isResizable: import("@angular/core").WritableSignal<boolean>;
+    protected dragMinWidth: Signal<number>;
     private hotkeySubscription;
+    constructor();
     ngOnInit(): void;
     private subscribeHotkeyEvent;
-    private updateCollapseTip;
     resizeHandler({ width }: ThyResizeEvent): void;
     resizeStart(): void;
     resizeEnd(): void;
-    resizeHandleHover(event: MouseEvent, type: 'enter' | 'leave'): void;
     toggleCollapse(event?: MouseEvent): void;
     toggleResizable(event: MouseEvent, type: 'enter' | 'leave'): void;
     restoreToDefaultWidth(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebar, "thy-sidebar", never, { "thyDraggable": { "alias": "thyDraggable"; "required": false; }; "thyDragMaxWidth": { "alias": "thyDragMaxWidth"; "required": false; }; "thyDragMinWidth": { "alias": "thyDragMinWidth"; "required": false; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; }; "thyCollapsible": { "alias": "thyCollapsible"; "required": false; }; "thyCollapsed": { "alias": "thyCollapsed"; "required": false; }; "thyCollapsedWidth": { "alias": "thyCollapsedWidth"; "required": false; }; "thyDefaultWidth": { "alias": "thyDefaultWidth"; "required": false; }; }, { "thyCollapsedChange": "thyCollapsedChange"; "thyDragWidthChange": "thyDragWidthChange"; }, never, ["*"], true, [{ directive: typeof ThySidebarDirective; inputs: { "thyTheme": "thyTheme"; "thyDirection": "thyDirection"; "thyWidth": "thyWidth"; "thyIsolated": "thyIsolated"; "thyDivided": "thyDivided"; "thyHasBorderLeft": "thyHasBorderLeft"; "thyHasBorderRight": "thyHasBorderRight"; }; outputs: {}; }]>;
-    static ngAcceptInputType_thyDraggable: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyDragMaxWidth: unknown;
-    static ngAcceptInputType_thyDragMinWidth: unknown;
-    static ngAcceptInputType_thyCollapsible: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyCollapsed: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyCollapsedWidth: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySidebar, "thy-sidebar", never, { "thyDraggable": { "alias": "thyDraggable"; "required": false; "isSignal": true; }; "thyDragMaxWidth": { "alias": "thyDragMaxWidth"; "required": false; "isSignal": true; }; "thyDragMinWidth": { "alias": "thyDragMinWidth"; "required": false; "isSignal": true; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; "isSignal": true; }; "thyCollapsible": { "alias": "thyCollapsible"; "required": false; "isSignal": true; }; "thyCollapsed": { "alias": "thyCollapsed"; "required": false; "isSignal": true; }; "thyCollapsedWidth": { "alias": "thyCollapsedWidth"; "required": false; "isSignal": true; }; "thyDefaultWidth": { "alias": "thyDefaultWidth"; "required": false; "isSignal": true; }; }, { "thyCollapsedChange": "thyCollapsedChange"; "thyDragWidthChange": "thyDragWidthChange"; }, never, ["*"], true, [{ directive: typeof ThySidebarDirective; inputs: { "thyTheme": "thyTheme"; "thyDirection": "thyDirection"; "thyWidth": "thyWidth"; "thyIsolated": "thyIsolated"; "thyDivided": "thyDivided"; }; outputs: {}; }]>;
 }

package/list/selection/selection-list.d.ts

@@ -1,11 +1,10 @@
 import { IThyListOptionParentComponent, ThyListOption } from 'ngx-tethys/shared';
 import { SelectionModel } from '@angular/cdk/collections';
-import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ThyListLayout } from 'ngx-tethys/shared';
 import { ThySelectionListChange } from './selection.interface';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type ThyListSize = 'sm' | 'md' | 'lg';
 /**
  * @name thy-selection-list,[thy-selection-list]
@@ -16,93 +15,84 @@ export declare class ThySelectionList implements OnInit, OnDestroy, AfterContent
     private elementRef;
     private ngZone;
     private changeDetectorRef;
-    private _keyManager;
-    private _selectionChangesUnsubscribe$;
-    private _bindKeyEventUnsubscribe;
-    private _modelValues;
+    private keyManager;
+    private bindKeyEventUnsubscribe;
+    private modelValues;
     private hostRenderer;
     /** The currently selected options. */
     selectionModel: SelectionModel<any>;
     disabled: boolean;
-    layout: ThyListLayout;
-    _isList: boolean;
-    _isSelectionList: boolean;
-    multiple: boolean;
-    isLayoutGrid: boolean;
     /**
      * @internal
      */
     options: QueryList<ThyListOption>;
     /**
      * 改变 grid item 的选择模式，使其支持多选
-     * @default true
      */
-    set thyMultiple(value: boolean);
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 绑定键盘事件的容器
      * @type HTMLElement | ElementRef | string
      * @default thy-selection-list 组件绑定的元素
      */
-    thyBindKeyEventContainer: HTMLElement | ElementRef | string;
+    readonly thyBindKeyEventContainer: import("@angular/core").InputSignal<string | HTMLElement | ElementRef<any>>;
     /**
      * 出现滚动条的容器
      * @type HTMLElement | ElementRef | string
      * @default thy-selection-list 组件绑定的元素
      */
-    thyScrollContainer: HTMLElement | ElementRef | string;
+    readonly thyScrollContainer: import("@angular/core").InputSignal<string | HTMLElement | ElementRef<any>>;
     /**
      * 键盘事件触发 Before 调用，如果返回 false 则停止继续执行
      */
-    thyBeforeKeydown: (event?: KeyboardEvent) => boolean;
+    readonly thyBeforeKeydown: import("@angular/core").InputSignal<(event?: KeyboardEvent) => boolean>;
     /**
      * Option Value 唯一的 Key，用于存储哪些选择被选中的唯一值，只有 Option 的 thyValue 是对象的时才可以传入该选项
      */
-    thyUniqueKey: string;
+    readonly thyUniqueKey: import("@angular/core").InputSignal<string>;
     /**
      * 比较2个选项的 Value 是否相同
      */
-    thyCompareWith: (o1: any, o2: any) => boolean;
+    readonly thyCompareWith: import("@angular/core").InputSignal<(o1: any, o2: any) => boolean>;
     /**
      * grid item 的展示样式
      * @type list | grid
-     * @default list
      */
-    set thyLayout(value: ThyListLayout);
+    readonly layout: import("@angular/core").InputSignal<ThyListLayout>;
+    readonly isLayoutGrid: import("@angular/core").Signal<boolean>;
     /**
      * 是否自动激活第一项
      */
-    set thyAutoActiveFirstItem(value: boolean);
+    readonly thyAutoActiveFirstItem: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 改变 grid item 的大小，支持默认以及 sm 两种大小
      * @type sm | md | lg
      */
-    set thySize(value: ThyListSize);
-    private spaceEnabled;
+    readonly thySize: import("@angular/core").InputSignal<ThyListSize>;
     /**
      * 是否按下空格切换聚焦选项
      */
-    set thySpaceKeyEnabled(value: boolean);
+    readonly thySpaceKeyEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 每当选项的选定状态发生更改时，都会触发更改事件
-     * @type EventEmitter<ThySelectionListChange>
      */
-    readonly thySelectionChange: EventEmitter<ThySelectionListChange>;
-    private autoActiveFirstItem;
-    private _onTouched;
-    private _onChange;
-    private _emitChangeEvent;
-    private _emitModelValueChange;
-    private _toggleFocusedOption;
-    private _initializeFocusKeyManager;
-    private _instanceSelectionModel;
-    private _getElementBySelector;
-    private _compareValue;
-    private _getOptionSelectionValue;
-    private _setSelectionByValues;
-    private _setAllOptionsSelected;
-    private _getOptionByValue;
-    private _getActiveOption;
-    private _setListSize;
+    readonly thySelectionChange: import("@angular/core").OutputEmitterRef<ThySelectionListChange<any>>;
+    private onTouched;
+    private onChange;
+    constructor();
+    private emitChangeEvent;
+    private emitModelValueChange;
+    private toggleFocusedOption;
+    private initializeFocusKeyManager;
+    private instanceSelectionModel;
+    private getElementBySelector;
+    private compareValue;
+    private getOptionSelectionValue;
+    private setSelectionByValues;
+    private setAllOptionsSelected;
+    private getOptionByValue;
+    private getActiveOption;
+    private setListSize;
     ngOnInit(): void;
     writeValue(value: any[] | any): void;
     registerOnChange(fn: any): void;
@@ -122,8 +112,5 @@ export declare class ThySelectionList implements OnInit, OnDestroy, AfterContent
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySelectionList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectionList, "thy-selection-list,[thy-selection-list]", never, { "thyMultiple": { "alias": "thyMultiple"; "required": false; }; "thyBindKeyEventContainer": { "alias": "thyBindKeyEventContainer"; "required": false; }; "thyScrollContainer": { "alias": "thyScrollContainer"; "required": false; }; "thyBeforeKeydown": { "alias": "thyBeforeKeydown"; "required": false; }; "thyUniqueKey": { "alias": "thyUniqueKey"; "required": false; }; "thyCompareWith": { "alias": "thyCompareWith"; "required": false; }; "thyLayout": { "alias": "thyLayout"; "required": false; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thySpaceKeyEnabled": { "alias": "thySpaceKeyEnabled"; "required": false; }; }, { "thySelectionChange": "thySelectionChange"; }, ["options"], ["*"], true, never>;
-    static ngAcceptInputType_thyMultiple: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyAutoActiveFirstItem: i1.ThyBooleanInput;
-    static ngAcceptInputType_thySpaceKeyEnabled: i1.ThyBooleanInput;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelectionList, "thy-selection-list,[thy-selection-list]", never, { "multiple": { "alias": "thyMultiple"; "required": false; "isSignal": true; }; "thyBindKeyEventContainer": { "alias": "thyBindKeyEventContainer"; "required": false; "isSignal": true; }; "thyScrollContainer": { "alias": "thyScrollContainer"; "required": false; "isSignal": true; }; "thyBeforeKeydown": { "alias": "thyBeforeKeydown"; "required": false; "isSignal": true; }; "thyUniqueKey": { "alias": "thyUniqueKey"; "required": false; "isSignal": true; }; "thyCompareWith": { "alias": "thyCompareWith"; "required": false; "isSignal": true; }; "layout": { "alias": "thyLayout"; "required": false; "isSignal": true; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thySpaceKeyEnabled": { "alias": "thySpaceKeyEnabled"; "required": false; "isSignal": true; }; }, { "thySelectionChange": "thySelectionChange"; }, ["options"], ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "19.1.0-next.5",
+  "version": "19.1.0-next.7",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "19.1.0-next.5";
+export declare const VERSION = "19.1.0-next.7";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '19.1.0-next.5';
+exports.VERSION = '19.1.0-next.7';

package/select/custom-select/custom-select.component.d.ts

@@ -5,7 +5,7 @@ import { Observable } from 'rxjs';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectionPositionPair, ScrollStrategy } from '@angular/cdk/overlay';
-import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef, Signal } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList, TemplateRef, Signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ThyDropdownWidthMode, ThySelectConfig } from '../select.config';
 import * as i0 from "@angular/core";
@@ -51,10 +51,7 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     selectConfig: ThySelectConfig;
     emptyIcon: Signal<string>;
     disabled: boolean;
-    size: SelectControlSize;
     mode: SelectMode;
-    emptyStateText: string;
-    emptySearchMessageText: string;
     scrollTop: number;
     modalValue: any;
     defaultOffset: number;
@@ -66,7 +63,7 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
      * 设置下拉框的最小宽度，默认值 `match-select`，表示与输入框的宽度一致；`min-width` 表示最小宽度为200px；支持自定义最小宽度，比如传 `{minWidth: 150}` 表示最小宽度为150px
      * @default match-select
      */
-    thyDropdownWidthMode: ThyDropdownWidthMode;
+    readonly thyDropdownWidthMode: import("@angular/core").InputSignal<ThyDropdownWidthMode>;
     dropDownPositions: ConnectionPositionPair[];
     selectionModel: SelectionModel<ThyOption>;
     triggerRectWidth: number;
@@ -80,74 +77,68 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     private config;
     private readonly destroy$;
     readonly optionSelectionChanges: Observable<ThyOptionSelectionChangeEvent>;
-    cdkConnectedOverlay: CdkConnectedOverlay;
-    isSelectCustom: boolean;
-    isSelect: boolean;
+    readonly cdkConnectedOverlay: Signal<CdkConnectedOverlay>;
     keyManager: ActiveDescendantKeyManager<ThyOption>;
     panelOpen: boolean;
     /**
      * 搜索时回调
      */
-    thyOnSearch: EventEmitter<string>;
+    readonly thyOnSearch: import("@angular/core").OutputEmitterRef<string>;
     /**
      * 下拉菜单滚动到底部事件，可以用这个事件实现滚动加载
      */
-    thyOnScrollToBottom: EventEmitter<void>;
+    readonly thyOnScrollToBottom: import("@angular/core").OutputEmitterRef<void>;
     /**
      * 下拉菜单展开和折叠状态事件
      */
-    thyOnExpandStatusChange: EventEmitter<boolean>;
+    readonly thyOnExpandStatusChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * 下拉列表是否显示搜索框
-     * @default false
      */
-    thyShowSearch: boolean;
+    readonly thyShowSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 选择框默认文字
      */
-    thyPlaceHolder: string;
+    readonly thyPlaceHolder: import("@angular/core").InputSignal<string>;
     /**
      * 是否使用服务端搜索，当为 true 时，将不再在前端进行过滤
-     * @default false
      */
-    thyServerSearch: boolean;
+    readonly thyServerSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 异步加载 loading 状态，false 表示加载中，true 表示加载完成
      */
-    thyLoadState: boolean;
+    readonly thyLoadState: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 是否自动设置选项第一条为高亮状态
      */
-    thyAutoActiveFirstItem: boolean;
+    readonly thyAutoActiveFirstItem: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 下拉选择模式
      * @type 'multiple' | ''
      */
-    set thyMode(value: SelectMode);
-    get thyMode(): SelectMode;
+    readonly thyMode: import("@angular/core").InputSignal<SelectMode>;
     /**
      * 操作图标类型
      * @type primary | success | danger | warning
      * @default primary
      */
-    get thySize(): SelectControlSize;
-    set thySize(value: SelectControlSize);
+    readonly thySize: import("@angular/core").InputSignal<SelectControlSize>;
     /**
      * 数据为空时显示的提示文字
      */
-    set thyEmptyStateText(value: string);
+    readonly thyEmptyStateText: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * 搜索结果为空时显示的提示文字
      */
-    set thyEmptySearchMessageText(value: string);
+    readonly thyEmptySearchMessageText: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * 滚动加载是否可用，只能当这个参数可以，下面的thyOnScrollToBottom事件才会触发
      */
-    thyEnableScrollLoad: boolean;
+    readonly thyEnableScrollLoad: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 单选( thyMode="" 或者不设置)时，选择框支持清除
      */
-    thyAllowClear: boolean;
+    readonly thyAllowClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 是否禁用
      * @default false
@@ -157,63 +148,59 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     /**
      * 排序比较函数
      */
-    thySortComparator: (a: ThyOption, b: ThyOption, options: ThyOption[]) => number;
+    readonly thySortComparator: import("@angular/core").InputSignal<(a: ThyOption, b: ThyOption, options: ThyOption[]) => number>;
     /**
      * Footer 模板，默认值为空不显示 Footer
-     * @type TemplateRef
      */
-    thyFooterTemplate: TemplateRef<any>;
+    readonly thyFooterTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
     /**
      * 弹出位置
      * @type ThyPlacement
      */
-    thyPlacement: ThyPlacement;
+    readonly thyPlacement: import("@angular/core").InputSignal<ThyPlacement>;
     /**
      * 自定义 Overlay Origin
      */
-    thyOrigin: ElementRef | HTMLElement;
+    readonly thyOrigin: import("@angular/core").InputSignal<HTMLElement | ElementRef<any>>;
     /**
      * 自定义 Footer 模板容器 class
      */
-    thyFooterClass: string;
+    readonly thyFooterClass: import("@angular/core").InputSignal<string>;
     /**
      * @private
      */
-    selectedValueDisplayRef: TemplateRef<any>;
+    readonly selectedValueDisplayRef: Signal<TemplateRef<any>>;
     /**
      * 初始化时，是否展开面板
-     * @default false
      */
-    thyAutoExpand: boolean;
+    readonly thyAutoExpand: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 是否弹出透明遮罩，如果显示遮罩则会阻止滚动区域滚动
      */
-    thyHasBackdrop: boolean;
+    readonly thyHasBackdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * 设置多选时最大显示的标签数量，0 表示不限制
      */
-    thyMaxTagCount: number;
+    readonly thyMaxTagCount: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**
      * 是否隐藏选择框边框
-     * @default false
      */
-    thyBorderless: boolean;
+    readonly thyBorderless: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     isReactiveDriven: boolean;
     innerOptions: ThySelectOptionModel[];
     optionGroups: ThyOptionGroupModel[];
     /**
      * option 列表
-     * @type ThySelectOptionModel[]
      */
-    set thyOptions(value: ThySelectOptionModel[]);
+    readonly thyOptions: import("@angular/core").InputSignalWithTransform<ThySelectOptionModel[], ThySelectOptionModel[]>;
     options: QueryList<ThyOption>;
     /**
      * 目前只支持多选选中项的展示，默认为空，渲染文字模板，传入tag，渲染展示模板,
      * @default ''｜tag
      */
-    thyPreset: string;
+    readonly thyPreset: import("@angular/core").InputSignal<string>;
     trigger: ElementRef<HTMLElement>;
-    panel: ElementRef<HTMLElement>;
+    readonly panel: Signal<ElementRef<HTMLElement>>;
     /**
      * @private
      */
@@ -222,8 +209,8 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     /**
      * @private
      */
-    contentGroups: QueryList<ThySelectOptionGroup>;
-    viewGroups: QueryList<ThySelectOptionGroup>;
+    readonly contentGroups: Signal<readonly ThySelectOptionGroup[]>;
+    readonly viewGroups: Signal<readonly ThySelectOptionGroup[]>;
     handleKeydown(event: KeyboardEvent): void;
     get optionsChanges$(): Observable<ThyOption[]>;
     private buildScrollStrategy;
@@ -278,17 +265,7 @@ export declare class ThySelect extends TabIndexDisabledControlValueAccessorMixin
     private unsubscribeTriggerResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThySelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelect, "thy-select,thy-custom-select", ["thySelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; }; "thyMode": { "alias": "thyMode"; "required": false; }; "thySize": { "alias": "thySize"; "required": false; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; }; "thyOptions": { "alias": "thyOptions"; "required": false; }; "thyPreset": { "alias": "thyPreset"; "required": false; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "contentOptions", "contentGroups"], ["*"], true, never>;
-    static ngAcceptInputType_thyShowSearch: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyServerSearch: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyLoadState: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyAutoActiveFirstItem: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyEnableScrollLoad: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyAllowClear: i1.ThyBooleanInput;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThySelect, "thy-select,thy-custom-select", ["thySelect"], { "thyDropdownWidthMode": { "alias": "thyDropdownWidthMode"; "required": false; "isSignal": true; }; "thyShowSearch": { "alias": "thyShowSearch"; "required": false; "isSignal": true; }; "thyPlaceHolder": { "alias": "thyPlaceHolder"; "required": false; "isSignal": true; }; "thyServerSearch": { "alias": "thyServerSearch"; "required": false; "isSignal": true; }; "thyLoadState": { "alias": "thyLoadState"; "required": false; "isSignal": true; }; "thyAutoActiveFirstItem": { "alias": "thyAutoActiveFirstItem"; "required": false; "isSignal": true; }; "thyMode": { "alias": "thyMode"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "thyEmptyStateText": { "alias": "thyEmptyStateText"; "required": false; "isSignal": true; }; "thyEmptySearchMessageText": { "alias": "thyEmptySearchMessageText"; "required": false; "isSignal": true; }; "thyEnableScrollLoad": { "alias": "thyEnableScrollLoad"; "required": false; "isSignal": true; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; "thyDisabled": { "alias": "thyDisabled"; "required": false; }; "thySortComparator": { "alias": "thySortComparator"; "required": false; "isSignal": true; }; "thyFooterTemplate": { "alias": "thyFooterTemplate"; "required": false; "isSignal": true; }; "thyPlacement": { "alias": "thyPlacement"; "required": false; "isSignal": true; }; "thyOrigin": { "alias": "thyOrigin"; "required": false; "isSignal": true; }; "thyFooterClass": { "alias": "thyFooterClass"; "required": false; "isSignal": true; }; "thyAutoExpand": { "alias": "thyAutoExpand"; "required": false; "isSignal": true; }; "thyHasBackdrop": { "alias": "thyHasBackdrop"; "required": false; "isSignal": true; }; "thyMaxTagCount": { "alias": "thyMaxTagCount"; "required": false; "isSignal": true; }; "thyBorderless": { "alias": "thyBorderless"; "required": false; "isSignal": true; }; "thyOptions": { "alias": "thyOptions"; "required": false; "isSignal": true; }; "thyPreset": { "alias": "thyPreset"; "required": false; "isSignal": true; }; }, { "thyOnSearch": "thyOnSearch"; "thyOnScrollToBottom": "thyOnScrollToBottom"; "thyOnExpandStatusChange": "thyOnExpandStatusChange"; }, ["selectedValueDisplayRef", "contentGroups", "contentOptions"], ["*"], true, never>;
     static ngAcceptInputType_thyDisabled: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyAutoExpand: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyHasBackdrop: i1.ThyBooleanInput;
-    static ngAcceptInputType_thyMaxTagCount: unknown;
-    static ngAcceptInputType_thyBorderless: i1.ThyBooleanInput;
 }
 export {};

package/select/native-select/native-select.component.d.ts

@@ -3,7 +3,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
 /**
  * 下拉选择
@@ -11,17 +10,13 @@ export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';
  * @order 20
  */
 export declare class ThyNativeSelect extends TabIndexDisabledControlValueAccessorMixin implements ControlValueAccessor, OnInit {
-    private elementRef;
-    selectElement: ElementRef<any>;
-    _innerValue: any;
-    _disabled: boolean;
-    _size: InputSize;
-    _expandOptions: boolean;
+    readonly selectElement: import("@angular/core").Signal<ElementRef<any>>;
+    readonly innerValue: import("@angular/core").ModelSignal<any>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
     private hostRenderer;
-    _isSelect: boolean;
-    set thySize(value: InputSize);
-    name: string;
-    thyAllowClear: boolean;
+    readonly thySize: import("@angular/core").InputSignal<InputSize>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly thyAllowClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     writeValue(obj: any): void;
     setDisabledState?(isDisabled: boolean): void;
     constructor();
@@ -31,6 +26,5 @@ export declare class ThyNativeSelect extends TabIndexDisabledControlValueAccesso
     onFocus(event?: Event): void;
     clearSelectValue(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyNativeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyNativeSelect, "thy-native-select", never, { "thySize": { "alias": "thySize"; "required": false; }; "name": { "alias": "name"; "required": false; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_thyAllowClear: i1.ThyBooleanInput;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyNativeSelect, "thy-native-select", never, { "innerValue": { "alias": "innerValue"; "required": false; "isSignal": true; }; "thySize": { "alias": "thySize"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "thyAllowClear": { "alias": "thyAllowClear"; "required": false; "isSignal": true; }; }, { "innerValue": "innerValueChange"; }, never, ["*"], true, never>;
 }