ngx-tethys 19.1.0-next.1 → 19.1.0-next.11

package/date-picker/picker.component.d.ts

@@ -1,48 +1,44 @@
 import { ThyPlacement } from 'ngx-tethys/core';
 import { TinyDate } from 'ngx-tethys/util';
 import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { CompatibleValue, RangePartType } from './inner-types';
 import { ThyDateGranularity } from './standard-types';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-tethys/util";
 /**
  * @private
  */
-export declare class ThyPicker implements OnChanges, AfterViewInit {
+export declare class ThyPicker implements AfterViewInit {
     private changeDetector;
     private dateHelper;
     private i18n;
-    isRange: boolean;
-    open: boolean | undefined;
-    disabled: boolean;
-    placeholder: string | string[];
-    readonly: boolean;
-    allowClear: boolean;
-    autoFocus: boolean;
-    className: string;
-    size: 'sm' | 'xs' | 'lg' | 'md' | 'default';
-    suffixIcon: string;
-    placement: ThyPlacement;
-    flexible: boolean;
-    mode: string;
-    hasBackdrop: boolean;
-    separator: string;
-    timeZone: string;
-    blur: EventEmitter<Event>;
-    readonly valueChange: EventEmitter<TinyDate | TinyDate[]>;
-    readonly openChange: EventEmitter<boolean>;
-    readonly inputChange: EventEmitter<string>;
-    origin: CdkOverlayOrigin;
-    cdkConnectedOverlay: CdkConnectedOverlay;
-    pickerInput: ElementRef;
-    overlayContainer: ElementRef<HTMLElement>;
-    get format(): string;
-    set format(value: string);
-    get flexibleDateGranularity(): ThyDateGranularity;
-    set flexibleDateGranularity(granularity: ThyDateGranularity);
-    get value(): TinyDate | TinyDate[] | null;
-    set value(value: TinyDate | TinyDate[] | null);
+    readonly isRange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly opened: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly allowClear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly className: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<"default" | "sm" | "lg" | "xs" | "md">;
+    readonly suffixIcon: import("@angular/core").InputSignal<string>;
+    readonly placement: import("@angular/core").InputSignal<ThyPlacement>;
+    readonly flexible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly mode: import("@angular/core").InputSignal<string>;
+    readonly hasBackdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly separator: import("@angular/core").InputSignal<string>;
+    readonly timeZone: import("@angular/core").InputSignal<string>;
+    readonly blur: import("@angular/core").OutputEmitterRef<Event>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<TinyDate | TinyDate[]>;
+    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly inputChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly origin: import("@angular/core").Signal<CdkOverlayOrigin>;
+    readonly cdkConnectedOverlay: import("@angular/core").Signal<CdkConnectedOverlay>;
+    readonly pickerInput: import("@angular/core").Signal<ElementRef<any>>;
+    readonly overlayContainer: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    readonly format: import("@angular/core").InputSignal<string>;
+    readonly flexibleDateGranularity: import("@angular/core").InputSignal<ThyDateGranularity>;
+    readonly value: import("@angular/core").InputSignal<TinyDate | TinyDate[]>;
     private innerflexibleDateGranularity;
     private innerFormat;
     private innerValue;
@@ -53,7 +49,7 @@ export declare class ThyPicker implements OnChanges, AfterViewInit {
     overlayPositions: ConnectionPositionPair[];
     get realOpenState(): boolean;
     get readonlyState(): boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     ngAfterViewInit(): void;
     focus(): void;
     onBlur(event: FocusEvent): void;
@@ -76,6 +72,5 @@ export declare class ThyPicker implements OnChanges, AfterViewInit {
     getPlaceholder(): string;
     private updateReadableDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "className": { "alias": "className"; "required": false; }; "size": { "alias": "size"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "flexible": { "alias": "flexible"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "format": { "alias": "format"; "required": false; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_hasBackdrop: i1.ThyBooleanInput;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyPicker, "thy-picker", ["thyPicker"], { "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "flexible": { "alias": "flexible"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "flexibleDateGranularity": { "alias": "flexibleDateGranularity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "blur": "blur"; "valueChange": "valueChange"; "openChange": "openChange"; "inputChange": "inputChange"; }, never, ["*"], true, never>;
 }

package/date-picker/picker.pipes.d.ts

@@ -1,7 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import { ThyDatePickerConfigService } from './date-picker.service';
 import { AdvancedSelectableCell } from './inner-types';
-import { CompatibleDate, DateEntry, ThyDateGranularity, ThyDateRangeEntry } from './standard-types';
+import { ThyCompatibleDate, DateEntry, ThyDateGranularity, ThyDateRangeEntry } from './standard-types';
 import * as i0 from "@angular/core";
 /**
  * @private
@@ -10,14 +10,14 @@ export declare class ThyDatePickerFormatPipe implements PipeTransform {
     private dateHelper;
     private datePickerConfigService;
     private i18n;
-    transform(originalValue: CompatibleDate | DateEntry | ThyDateRangeEntry, formatStr?: string, separator?: string): string;
+    transform(originalValue: ThyCompatibleDate | DateEntry | ThyDateRangeEntry, formatStr?: string, separator?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDatePickerFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ThyDatePickerFormatPipe, "thyDatePickerFormat", true>;
 }
 export declare class ThyQuarterPickerFormatPipe implements PipeTransform {
     private datePickerConfigService;
     constructor(datePickerConfigService: ThyDatePickerConfigService);
-    transform(originalValue: CompatibleDate | DateEntry | ThyDateRangeEntry, formatStr?: string, separator?: string): string;
+    transform(originalValue: ThyCompatibleDate | DateEntry | ThyDateRangeEntry, formatStr?: string, separator?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyQuarterPickerFormatPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ThyQuarterPickerFormatPipe, "thyQuarterPickerFormat", true>;
 }
@@ -25,8 +25,7 @@ export declare class ThyQuarterPickerFormatPipe implements PipeTransform {
  * @private
  */
 export declare class ThyDatePickerFormatStringPipe implements PipeTransform {
-    private dateHelper;
-    transform(originalValue: CompatibleDate | DateEntry | ThyDateRangeEntry): string;
+    transform(originalValue: ThyCompatibleDate | DateEntry | ThyDateRangeEntry): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDatePickerFormatStringPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ThyDatePickerFormatStringPipe, "thyDatePickerFormatString", true>;
 }

package/date-picker/picker.util.d.ts

@@ -3,16 +3,16 @@ import { ThyI18nLocale } from 'ngx-tethys/i18n';
 import { SafeAny } from 'ngx-tethys/types';
 import { TinyDate } from 'ngx-tethys/util';
 import { CompatibleValue, RangeAdvancedValue } from './inner-types';
-import { CompatibleDate, DateEntry, ThyDateGranularity, ThyDateRangeEntry, ThyPanelMode, ThyShortcutValue } from './standard-types';
-export declare function transformDateValue(value: CompatibleDate | CompatibleValue | number | DateEntry | ThyDateRangeEntry | RangeAdvancedValue): {
-    value: CompatibleDate;
+import { ThyCompatibleDate, DateEntry, ThyDateGranularity, ThyDateRangeEntry, ThyPanelMode, ThyShortcutValue } from './standard-types';
+export declare function transformDateValue(value: ThyCompatibleDate | CompatibleValue | number | DateEntry | ThyDateRangeEntry | RangeAdvancedValue): {
+    value: ThyCompatibleDate;
     withTime?: boolean;
     flexibleDateGranularity?: ThyDateGranularity;
 };
 export declare function getFlexibleAdvancedReadableValue(tinyDates: TinyDate[], flexibleDateGranularity: ThyDateGranularity, separator: string, locale: Signal<ThyI18nLocale>): string;
 export declare function convertDate(date: Date | number | TinyDate): Date;
 export declare function hasValue(value: CompatibleValue): boolean;
-export declare function makeValue(value: CompatibleDate | null, isRange?: boolean, timeZone?: string): CompatibleValue;
+export declare function makeValue(value: ThyCompatibleDate | null, isRange?: boolean, timeZone?: string): CompatibleValue;
 export declare function dateAddAmount(value: TinyDate, amount: number, mode: ThyPanelMode): TinyDate;
 export declare function isAfterMoreThanOneMonth(rightDate: TinyDate, leftDate: TinyDate): boolean;
 export declare function isAfterMoreThanLessOneYear(rightDate: TinyDate, leftDate: TinyDate): boolean;
@@ -27,4 +27,4 @@ export declare function getShortcutValue(value: ThyShortcutValue): number | Date
 export declare function isValidStringDate(dateStr: string, timeZone?: string): boolean;
 export declare function parseStringDate(dateStr: string, timeZone?: string): TinyDate;
 export declare function hasTimeInStringDate(dateStr: string, timeZone?: string): boolean;
-export declare function setValueByTimestampPrecision(date: CompatibleDate | number | Date | DateEntry | ThyDateRangeEntry | SafeAny, isRange: boolean, timestampPrecision: 'seconds' | 'milliseconds', timeZone?: string): number | number[];
+export declare function setValueByTimestampPrecision(date: ThyCompatibleDate | number | Date | DateEntry | ThyDateRangeEntry | SafeAny, isRange: boolean, timestampPrecision: 'seconds' | 'milliseconds', timeZone?: string): number | number[];

package/date-picker/picker.validators.d.ts

@@ -4,23 +4,19 @@ import * as i0 from "@angular/core";
  * @private
  */
 export declare class DatePickerRequiredValidator implements Validator {
-    private _required;
-    get required(): boolean | string;
-    set required(value: boolean | string);
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     validate(control: AbstractControl): ValidationErrors | null;
     private validateRequired;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerRequiredValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerRequiredValidator, "[thyDatePicker][required][formControlName],[thyDatePicker][required][formControl],[thyDatePicker][required][ngModel],thy-date-picker[required][formControlName],thy-date-picker[required][formControl],thy-date-picker[required][ngModel]", never, { "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerRequiredValidator, "[thyDatePicker][required][formControlName],[thyDatePicker][required][formControl],[thyDatePicker][required][ngModel],thy-date-picker[required][formControlName],thy-date-picker[required][formControl],thy-date-picker[required][ngModel]", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @private
  */
 export declare class RangePickerRequiredValidator implements Validator {
-    private _required;
-    get required(): boolean | string;
-    set required(value: boolean | string);
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     validate(control: AbstractControl): ValidationErrors | null;
     private validateRequired;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangePickerRequiredValidator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RangePickerRequiredValidator, "[thyRangePicker][required][formControlName],[thyRangePicker][required][formControl],[thyRangePicker][required][ngModel],thy-range-picker[required][formControlName],thy-range-picker[required][formControl],thy-range-picker[required][ngModel]", never, { "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RangePickerRequiredValidator, "[thyRangePicker][required][formControlName],[thyRangePicker][required][formControl],[thyRangePicker][required][ngModel],thy-range-picker[required][formControlName],thy-range-picker[required][formControl],thy-range-picker[required][ngModel]", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/date-picker/quarter-picker.component.d.ts

@@ -11,13 +11,12 @@ export declare class ThyQuarterPicker extends BasePicker {
     protected elementRef: ElementRef;
     /**
      * 展示的季度格式
-     * @type string
      */
-    thyFormat: string;
+    readonly thyFormat: import("@angular/core").ModelSignal<string>;
     isRange: boolean;
     endPanelMode: ThyPanelMode;
     private hostRenderer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyQuarterPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyQuarterPicker, "thy-quarter-picker", ["thyQuarterPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyQuarterPicker, "thy-quarter-picker", ["thyQuarterPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; "isSignal": true; }; }, { "thyFormat": "thyFormatChange"; }, never, never, true, never>;
 }

package/date-picker/styles/range-picker.scss

@@ -40,6 +40,7 @@ $input-box-height: 34px;
         }
 
         &-flexible {
+            width: 338px;
             .#{style.$calendar-prefix-cls}-picker-inner-popup {
                 width: 338px;
                 .thy-calendar-body {

package/date-picker/week-picker.component.d.ts

@@ -8,7 +8,6 @@ import * as i0 from "@angular/core";
  */
 export declare class ThyWeekPicker extends BasePicker {
     protected elementRef: ElementRef;
-    showWeek: boolean;
     private hostRenderer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyWeekPicker, never>;

package/date-picker/year-picker.component.d.ts

@@ -11,13 +11,12 @@ export declare class ThyYearPicker extends BasePicker {
     protected elementRef: ElementRef;
     /**
      * 展示的年份格式
-     * @type string
      */
-    thyFormat: string;
+    readonly thyFormat: import("@angular/core").ModelSignal<string>;
     isRange: boolean;
     endPanelMode: ThyPanelMode;
     private hostRenderer;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyYearPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyYearPicker, "thy-year-picker", ["thyYearPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyYearPicker, "thy-year-picker", ["thyYearPicker"], { "thyFormat": { "alias": "thyFormat"; "required": false; "isSignal": true; }; }, { "thyFormat": "thyFormatChange"; }, never, never, true, never>;
 }

package/dropdown/dropdown-menu.component.d.ts

@@ -20,7 +20,7 @@ export declare class ThyDropdownMenuComponent {
     /**
      * 设置菜单宽度
      */
-    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string, any>;
+    readonly thyWidth: import("@angular/core").InputSignalWithTransform<string, string | number>;
     /**
      * 是否直接渲染 dropdown-menu 中的元素
      */

package/dropdown/dropdown.directive.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, OverlayRef } from '@angular/cdk/overlay';
-import { EventEmitter, OnInit, Signal, TemplateRef } from '@angular/core';
+import { OnInit, Signal, TemplateRef } from '@angular/core';
 import { ThyOverlayDirectiveBase, ThyPlacement } from 'ngx-tethys/core';
 import { ThyPopoverConfig } from 'ngx-tethys/popover';
 import { SafeAny } from 'ngx-tethys/types';
@@ -50,8 +50,9 @@ export declare class ThyDropdownDirective extends ThyOverlayDirectiveBase implem
     readonly thyPopoverOptions: import("@angular/core").InputSignal<Pick<ThyPopoverConfig<unknown>, "height" | "minWidth" | "placement" | "insideClosable" | "outsideClosable">>;
     /**
      * 弹出框的显示位置，会覆盖 thyPopoverOptions 中的 placement，`top` | `topLeft` | `topRight` | `bottom` | `bottomLeft` | `bottomRight` | `left` | `leftTop` | `leftBottom` | `right` | `rightTop` | `rightBottom`
+     * @default bottomLeft
      */
-    readonly thyPlacement: import("@angular/core").InputSignalWithTransform<ThyPlacement, ThyPlacement>;
+    readonly thyPlacement: import("@angular/core").InputSignal<ThyPlacement>;
     /**
      * 点击 dropdown-menu 内部是否关闭弹出框，会覆盖 thyPopoverOptions 中的 insideClosable
      */
@@ -64,7 +65,7 @@ export declare class ThyDropdownDirective extends ThyOverlayDirectiveBase implem
     /**
      * 菜单 Active 事件，打开菜单返回 true，关闭返回 false
      */
-    thyActiveChange: EventEmitter<boolean>;
+    readonly thyActiveChange: import("@angular/core").OutputEmitterRef<boolean>;
     constructor();
     ngOnInit(): void;
     createOverlay(): OverlayRef;

package/empty/empty.component.d.ts

@@ -81,7 +81,8 @@ export declare class ThyEmpty implements AfterViewInit {
      */
     readonly extraTemplateRef: Signal<TemplateRef<any>>;
     protected readonly presetSvg: Signal<import("@angular/platform-browser").SafeHtml>;
-    protected readonly displayText: Signal<any>;
+    protected readonly displayText: import("@angular/core").WritableSignal<any>;
+    setMessage(text: string): void;
     constructor();
     private _calculatePosition;
     updateClass(): void;

package/fesm2022/ngx-tethys-arrow-switcher.mjs

@@ -1,6 +1,6 @@
 import { ThyTooltipDirective, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, signal, output, input, numberAttribute, computed, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, ChangeDetectorRef, signal, output, input, numberAttribute, computed, linkedSignal, forwardRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -55,6 +55,18 @@ class ThyArrowSwitcher {
         this.nextDisabled = computed(() => {
             return this.index() >= this.thyTotal() - 1 || this.disabled();
         });
+        this.previousTooltip = linkedSignal(() => {
+            return this.thyPreviousTooltip();
+        });
+        this.nextTooltip = linkedSignal(() => {
+            return this.thyNextTooltip();
+        });
+    }
+    setPreviousTooltip(value) {
+        this.previousTooltip.set(value);
+    }
+    setNextTooltip(value) {
+        this.nextTooltip.set(value);
     }
     writeValue(value) {
         if (value >= 0) {
@@ -88,7 +100,7 @@ class ThyArrowSwitcher {
                 useExisting: forwardRef(() => ThyArrowSwitcher),
                 multi: true
             }
-        ], ngImport: i0, template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyArrowSwitcher, decorators: [{
             type: Component,
@@ -101,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                             useExisting: forwardRef(() => ThyArrowSwitcher),
                             multi: true
                         }
-                    ], imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon], template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n" }]
+                    ], imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon], template: "@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n" }]
         }] });
 
 class ThyArrowSwitcherModule {

package/fesm2022/ngx-tethys-arrow-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Signal,\n    WritableSignal,\n    signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    host: {\n        class: 'thy-arrow-switcher',\n        '[class.thy-arrow-switcher-small]': 'isSmallSize()'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    private disabled: WritableSignal<boolean> = signal(false);\n\n    /**\n     * 点击上一条事件\n     */\n    readonly thyPrevious = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    readonly thyNext = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    readonly thyPreviousTooltip = input<string>();\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    readonly thyNextTooltip = input<string>();\n\n    /**\n     * 展示主题\n     * @type default | lite\n     */\n    readonly thyTheme = input<ThyArrowSwitcherTheme>('default');\n\n    /**\n     * 总条数\n     */\n    readonly thyTotal = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    readonly thySize = input<string>();\n\n    readonly isSmallSize: Signal<boolean> = computed(() => {\n        return this.thySize() === 'sm';\n    });\n\n    index: WritableSignal<number> = signal(0);\n\n    readonly previousDisabled = computed(() => {\n        return this.index() <= 0 || this.disabled();\n    });\n\n    readonly nextDisabled = computed(() => {\n        return this.index() >= this.thyTotal() - 1 || this.disabled();\n    });\n\n    private onModelChange: (value: number) => void;\n\n    private onModelTouched: () => void;\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index.set(value);\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled.set(isDisable);\n    }\n\n    onPreviousClick(event: Event) {\n        this.index.set(this.index() - 1);\n        this.onModelChange(this.index());\n\n        this.thyPrevious.emit({ index: this.index(), event });\n    }\n\n    onNextClick(event: Event) {\n        this.index.set(this.index() + 1);\n        this.onModelChange(this.index());\n\n        this.thyNext.emit({ index: this.index(), event });\n    }\n}\n","@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"thyNextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"thyPreviousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"thyNextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-arrow-switcher.mjs","sources":["../../../src/arrow-switcher/arrow-switcher.component.ts","../../../src/arrow-switcher/arrow-switcher.component.html","../../../src/arrow-switcher/module.ts","../../../src/arrow-switcher/ngx-tethys-arrow-switcher.ts"],"sourcesContent":["import {\n    Component,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    forwardRef,\n    numberAttribute,\n    inject,\n    input,\n    output,\n    computed,\n    Signal,\n    WritableSignal,\n    signal,\n    linkedSignal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyTooltipDirective } from 'ngx-tethys/tooltip';\nimport { ThyAction } from 'ngx-tethys/action';\n\nexport type ThyArrowSwitcherTheme = 'default' | 'lite';\nexport interface ThyArrowSwitcherEvent {\n    index: number;\n    event: Event;\n}\n\n/**\n * 上下条切换组件\n * @name thy-arrow-switcher\n * @order 10\n */\n@Component({\n    selector: 'thy-arrow-switcher',\n    templateUrl: './arrow-switcher.component.html',\n    host: {\n        class: 'thy-arrow-switcher',\n        '[class.thy-arrow-switcher-small]': 'isSmallSize()'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ThyArrowSwitcher),\n            multi: true\n        }\n    ],\n    imports: [ThyAction, ThyTooltipDirective, ThyIcon, ThyButtonIcon]\n})\nexport class ThyArrowSwitcher implements ControlValueAccessor {\n    private cd = inject(ChangeDetectorRef);\n\n    private disabled: WritableSignal<boolean> = signal(false);\n\n    /**\n     * 点击上一条事件\n     */\n    readonly thyPrevious = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 点击下一条事件\n     */\n    readonly thyNext = output<ThyArrowSwitcherEvent>();\n\n    /**\n     * 设置上一条 Hover Tooltip 提示\n     */\n    readonly thyPreviousTooltip = input<string>();\n\n    /**\n     * 设置下一条 Hover Tooltip 提示\n     */\n    readonly thyNextTooltip = input<string>();\n\n    /**\n     * 展示主题\n     * @type default | lite\n     */\n    readonly thyTheme = input<ThyArrowSwitcherTheme>('default');\n\n    /**\n     * 总条数\n     */\n    readonly thyTotal = input<number, unknown>(undefined, { transform: numberAttribute });\n\n    /**\n     * 尺寸大小，默认尺寸为大号，取值为`sm`时展示小号\n     */\n    readonly thySize = input<string>();\n\n    readonly isSmallSize: Signal<boolean> = computed(() => {\n        return this.thySize() === 'sm';\n    });\n\n    protected readonly index: WritableSignal<number> = signal(0);\n\n    readonly previousDisabled = computed(() => {\n        return this.index() <= 0 || this.disabled();\n    });\n\n    readonly nextDisabled = computed(() => {\n        return this.index() >= this.thyTotal() - 1 || this.disabled();\n    });\n\n    private onModelChange: (value: number) => void;\n\n    private onModelTouched: () => void;\n\n    protected readonly previousTooltip = linkedSignal(() => {\n        return this.thyPreviousTooltip();\n    });\n\n    protected readonly nextTooltip = linkedSignal(() => {\n        return this.thyNextTooltip();\n    });\n\n    public setPreviousTooltip(value: string) {\n        this.previousTooltip.set(value);\n    }\n\n    public setNextTooltip(value: string) {\n        this.nextTooltip.set(value);\n    }\n\n    writeValue(value: number): void {\n        if (value >= 0) {\n            this.index.set(value);\n        }\n        this.cd.markForCheck();\n    }\n\n    registerOnChange(fn: () => void) {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onModelTouched = fn;\n    }\n\n    setDisabledState(isDisable: boolean) {\n        this.disabled.set(isDisable);\n    }\n\n    onPreviousClick(event: Event) {\n        this.index.set(this.index() - 1);\n        this.onModelChange(this.index());\n\n        this.thyPrevious.emit({ index: this.index(), event });\n    }\n\n    onNextClick(event: Event) {\n        this.index.set(this.index() + 1);\n        this.onModelChange(this.index());\n\n        this.thyNext.emit({ index: this.index(), event });\n    }\n}\n","@if (thyTheme() === 'lite') {\n  <div class=\"switcher-wrapper\">\n    <a\n      thyAction\n      [thyTooltip]=\"previousTooltip()\"\n      href=\"javascript:;\"\n      [thyDisabled]=\"previousDisabled()\"\n      class=\"mr-2\"\n      (click)=\"onPreviousClick($event)\"\n      ><thy-icon thyIconName=\"angle-up\"></thy-icon\n    ></a>\n    <a thyAction [thyTooltip]=\"nextTooltip()\" href=\"javascript:;\" [thyDisabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"\n      ><thy-icon thyIconName=\"angle-down\"></thy-icon\n    ></a>\n  </div>\n} @else {\n  <div class=\"switcher-wrapper\">\n    <button\n      thyButtonIcon=\"angle-left\"\n      [thyTooltip]=\"previousTooltip()\"\n      [disabled]=\"previousDisabled()\"\n      (click)=\"onPreviousClick($event)\"></button>\n    <span>{{ index() + 1 }} / {{ thyTotal() }}</span>\n    <button thyButtonIcon=\"angle-right\" [thyTooltip]=\"nextTooltip()\" [disabled]=\"nextDisabled()\" (click)=\"onNextClick($event)\"></button>\n  </div>\n}\n","import { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyArrowSwitcher } from './arrow-switcher.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyActionModule } from 'ngx-tethys/action';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyActionModule, ThyTooltipModule, ThyArrowSwitcher],\n    exports: [ThyArrowSwitcher]\n})\nexport class ThyArrowSwitcherModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-autocomplete.mjs

@@ -11,6 +11,7 @@ import { ThyLoadingModule } from 'ngx-tethys/loading';
 import { ThyOptionSelectionChangeEvent, ThyStopPropagationDirective, ThyOption, THY_OPTION_PARENT_COMPONENT, ThyOptionModule, ThySharedModule } from 'ngx-tethys/shared';
 import { Subject, defer, merge, timer, of, fromEvent } from 'rxjs';
 import { take, switchMap, startWith, takeUntil, filter, map, delay } from 'rxjs/operators';
+import { outputToObservable } from '@angular/core/rxjs-interop';
 import { SelectionModel } from '@angular/cdk/collections';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { coerceBooleanProperty, ESCAPE, ENTER, UP_ARROW, DOWN_ARROW, TAB } from 'ngx-tethys/util';
@@ -21,7 +22,6 @@ import { coerceElement, coerceArray } from '@angular/cdk/coercion';
 import { Platform } from '@angular/cdk/platform';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { state, style, trigger } from '@angular/animations';
-import { outputToObservable } from '@angular/core/rxjs-interop';
 
 /**
  * 自动完成组件
@@ -43,7 +43,7 @@ class ThyAutocomplete {
         this.optionsContainer = viewChild('panel');
         this.optionSelectionChanges = defer(() => {
             if (this.options) {
-                return merge(...this.options.map(option => option.selectionChange));
+                return merge(...this.options.map(option => outputToObservable(option.selectionChange)));
             }
             return this.ngZone.onStable.asObservable().pipe(take(1), switchMap(() => this.optionSelectionChanges));
         });
@@ -127,8 +127,8 @@ class ThyAutocomplete {
             this.selectionModel.clear();
         }
         else {
-            if (wasSelected !== option.selected) {
-                option.selected ? this.selectionModel.select(option) : this.selectionModel.deselect(option);
+            if (wasSelected !== option.selected()) {
+                option.selected() ? this.selectionModel.select(option) : this.selectionModel.deselect(option);
             }
             if (isUserInput) {
                 this.keyManager.setActiveItem(option);