ngx-tethys 19.0.8 → 19.0.10

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [19.0.10](https://github.com/atinc/ngx-tethys/compare/19.0.9...19.0.10) (2025-05-07)
+
+
+### Bug Fixes
+
+* **i18n:** update translation of lastSevenDays and lastThirtyDays #TINFR-2033 ([#3385](https://github.com/atinc/ngx-tethys/issues/3385)) ([512af06](https://github.com/atinc/ngx-tethys/commit/512af0645339b39f7ce216f15e4d99d42cc839a1)), closes [#TINFR-2033](https://github.com/atinc/ngx-tethys/issues/TINFR-2033)
+* **pagination:** fix missing type ([#3389](https://github.com/atinc/ngx-tethys/issues/3389)) ([86f09e9](https://github.com/atinc/ngx-tethys/commit/86f09e9be0d8639b3208c8cb0d2bf1c69de3780d))
+
+
+### Features
+
+* **image:** support i18n for image ([#3386](https://github.com/atinc/ngx-tethys/issues/3386)) ([e601d6b](https://github.com/atinc/ngx-tethys/commit/e601d6bbf1978f496911121dde68e5b2827e8556))
+
+
+
+## [19.0.9](https://github.com/atinc/ngx-tethys/compare/19.0.8...19.0.9) (2025-04-28)
+
+
+### Bug Fixes
+
+* **nav:** improve button offset calculation and adjust styles for better responsiveness #TINFR-1984 ([#3370](https://github.com/atinc/ngx-tethys/issues/3370)) ([#3371](https://github.com/atinc/ngx-tethys/issues/3371)) ([dee521f](https://github.com/atinc/ngx-tethys/commit/dee521fc8e462878146d73053dbec4e80455973f)), closes [#TINFR-1984](https://github.com/atinc/ngx-tethys/issues/TINFR-1984)
+
+
+
 ## [19.0.8](https://github.com/atinc/ngx-tethys/compare/19.0.6...19.0.8) (2025-04-25)
 
 

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, Signal } from '@angular/core';
+import { Signal } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { DateRangeItemInfo } from './date-range.class';
 import * as i0 from "@angular/core";
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  * @name thy-date-range
  * @order 10
  */
-export declare class ThyDateRange implements OnInit, ControlValueAccessor {
+export declare class ThyDateRange implements ControlValueAccessor {
     private thyPopover;
     private cdr;
     private locale;
@@ -16,58 +16,59 @@ export declare class ThyDateRange implements OnInit, ControlValueAccessor {
      * 自定义可选值列表项
      * @type DateRangeItemInfo[]
      */
-    set thyOptionalDateRanges(value: DateRangeItemInfo[]);
+    readonly thyOptionalDateRanges: import("@angular/core").InputSignal<DateRangeItemInfo[]>;
     /**
      * 隐藏下拉选择时间段
      * @default false
      */
-    thyHiddenMenu: boolean;
+    readonly thyHiddenMenu: import("@angular/core").InputSignalWithTransform<boolean, string | number | boolean>;
     /**
      * 禁用左右切换时间段
      * @default false
      */
-    thyDisabledSwitch: boolean;
+    readonly thyDisabledSwitch: import("@angular/core").InputSignalWithTransform<boolean, string | number | boolean>;
     /**
      * 自定义日期选择的展示文字
      * @default 自定义
      */
-    thyCustomTextValue: string;
+    readonly thyCustomTextValue: import("@angular/core").InputSignal<string>;
     /**
      * 自定义日期选择中可选择的最小时间
      * @type Date | number
      */
-    thyMinDate: Date | number;
+    readonly thyMinDate: import("@angular/core").InputSignal<number | Date>;
     /**
      * 自定义日期选择中可选择的最大时间
      * @type Date | number
      */
-    thyMaxDate: Date | number;
+    readonly thyMaxDate: import("@angular/core").InputSignal<number | Date>;
     /**
      * 选中的时间段的展示形式，
      * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；
      * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。
      */
-    thyCustomKey: 'custom' | 'exception';
+    readonly thyCustomKey: import("@angular/core").InputSignal<"custom" | "exception">;
     /**
      * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效
      */
-    thyPickerFormat: string;
+    readonly thyPickerFormat: import("@angular/core").InputSignal<string>;
     /**
      * 自定义日期禁用日期
      */
-    thyDisabledDate: (d: Date) => boolean;
+    readonly thyDisabledDate: import("@angular/core").InputSignal<(d: Date) => boolean>;
     /**
      * 区间分隔符，不传值默认为 "~"
      */
-    thySeparator: string;
+    readonly thySeparator: import("@angular/core").InputSignal<string>;
     separator: Signal<string>;
     /**
      * 自定义日期选择日期回调
      * @type EventEmitter<Date[]>
      */
-    readonly thyOnCalendarChange: EventEmitter<Date[]>;
+    readonly thyOnCalendarChange: import("@angular/core").OutputEmitterRef<Date[]>;
     selectedDate?: DateRangeItemInfo;
-    optionalDateRanges: DateRangeItemInfo[];
+    private defaultOptionalDateRanges;
+    optionalDateRanges: Signal<DateRangeItemInfo[]>;
     selectedDateRange: {
         begin: number;
         end: number;
@@ -77,7 +78,6 @@ export declare class ThyDateRange implements OnInit, ControlValueAccessor {
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    ngOnInit(): void;
     private _setSelectedDateRange;
     private _calculateNewTime;
     private _setPreviousOrNextDate;
@@ -85,17 +85,5 @@ export declare class ThyDateRange implements OnInit, ControlValueAccessor {
     next(): void;
     openOptionalDateRangesMenu(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDateRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDateRange, "thy-date-range", never, { "thyOptionalDateRanges": { "alias": "thyOptionalDateRanges"; "required": false; }; "thyHiddenMenu": { "alias": "thyHiddenMenu"; "required": false; }; "thyDisabledSwitch": { "alias": "thyDisabledSwitch"; "required": false; }; "thyCustomTextValue": { "alias": "thyCustomTextValue"; "required": false; }; "thyMinDate": { "alias": "thyMinDate"; "required": false; }; "thyMaxDate": { "alias": "thyMaxDate"; "required": false; }; "thyCustomKey": { "alias": "thyCustomKey"; "required": false; }; "thyPickerFormat": { "alias": "thyPickerFormat"; "required": false; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; }; "thySeparator": { "alias": "thySeparator"; "required": false; }; }, { "thyOnCalendarChange": "thyOnCalendarChange"; }, never, never, true, never>;
-    static ngAcceptInputType_thyHiddenMenu: 
-    /**
-     * 禁用左右切换时间段
-     * @default false
-     */
-    boolean | string | number;
-    static ngAcceptInputType_thyDisabledSwitch: 
-    /**
-     * 禁用左右切换时间段
-     * @default false
-     */
-    boolean | string | number;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyDateRange, "thy-date-range", never, { "thyOptionalDateRanges": { "alias": "thyOptionalDateRanges"; "required": false; "isSignal": true; }; "thyHiddenMenu": { "alias": "thyHiddenMenu"; "required": false; "isSignal": true; }; "thyDisabledSwitch": { "alias": "thyDisabledSwitch"; "required": false; "isSignal": true; }; "thyCustomTextValue": { "alias": "thyCustomTextValue"; "required": false; "isSignal": true; }; "thyMinDate": { "alias": "thyMinDate"; "required": false; "isSignal": true; }; "thyMaxDate": { "alias": "thyMaxDate"; "required": false; "isSignal": true; }; "thyCustomKey": { "alias": "thyCustomKey"; "required": false; "isSignal": true; }; "thyPickerFormat": { "alias": "thyPickerFormat"; "required": false; "isSignal": true; }; "thyDisabledDate": { "alias": "thyDisabledDate"; "required": false; "isSignal": true; }; "thySeparator": { "alias": "thySeparator"; "required": false; "isSignal": true; }; }, { "thyOnCalendarChange": "thyOnCalendarChange"; }, never, never, true, never>;
 }

package/fesm2022/ngx-tethys-date-range.mjs

@@ -1,6 +1,6 @@
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import * as i0 from '@angular/core';
-import { inject, Component, forwardRef, ChangeDetectorRef, computed, EventEmitter, Output, Input, NgModule } from '@angular/core';
+import { inject, Component, forwardRef, ChangeDetectorRef, input, computed, output, NgModule } from '@angular/core';
 import { NgClass, CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -9,7 +9,7 @@ import { ThyRangePickerDirective, ThyDatePickerConfigService, ThyDatePickerForma
 import { ThyDropdownMenuComponent, ThyDropdownMenuItemDirective, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemExtendIconDirective, ThyDropdownModule } from 'ngx-tethys/dropdown';
 import { injectLocale } from 'ngx-tethys/i18n';
 import { ThyAction } from 'ngx-tethys/action';
-import { getUnixTime, endOfISOWeek, TinyDate, startOfISOWeek, endOfMonth, startOfMonth, addDays, endOfDay, addMonths, isSameDay, startOfDay, addYears, coerceBooleanProperty } from 'ngx-tethys/util';
+import { coerceBooleanProperty, getUnixTime, endOfISOWeek, TinyDate, startOfISOWeek, endOfMonth, startOfMonth, addDays, endOfDay, addMonths, isSameDay, startOfDay, addYears } from 'ngx-tethys/util';
 import { ThySharedModule } from 'ngx-tethys/shared';
 import { ThyNavModule } from 'ngx-tethys/nav';
 
@@ -71,40 +71,63 @@ class ThyDateRange {
         this.cdr = inject(ChangeDetectorRef);
         this.locale = injectLocale('dateRange');
         this.datePickerConfigService = inject(ThyDatePickerConfigService);
+        /**
+         * 自定义可选值列表项
+         * @type DateRangeItemInfo[]
+         */
+        this.thyOptionalDateRanges = input();
         /**
          * 隐藏下拉选择时间段
          * @default false
          */
-        this.thyHiddenMenu = false;
+        this.thyHiddenMenu = input(false, { transform: coerceBooleanProperty });
         /**
          * 禁用左右切换时间段
          * @default false
          */
-        this.thyDisabledSwitch = false;
+        this.thyDisabledSwitch = input(false, { transform: coerceBooleanProperty });
         /**
          * 自定义日期选择的展示文字
          * @default 自定义
          */
-        this.thyCustomTextValue = this.locale().custom;
+        this.thyCustomTextValue = input(this.locale().custom);
+        /**
+         * 自定义日期选择中可选择的最小时间
+         * @type Date | number
+         */
+        this.thyMinDate = input(undefined);
+        /**
+         * 自定义日期选择中可选择的最大时间
+         * @type Date | number
+         */
+        this.thyMaxDate = input(undefined);
         /**
          * 选中的时间段的展示形式，
          * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；
          * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。
          */
-        this.thyCustomKey = 'custom';
+        this.thyCustomKey = input('custom');
+        /**
+         * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效
+         */
+        this.thyPickerFormat = input(undefined);
+        /**
+         * 自定义日期禁用日期
+         */
+        this.thyDisabledDate = input(undefined);
         /**
          * 区间分隔符，不传值默认为 "~"
          */
-        this.thySeparator = this.datePickerConfigService.config?.separator;
+        this.thySeparator = input(this.datePickerConfigService.config?.separator);
         this.separator = computed(() => {
-            return ` ${this.thySeparator?.trim()} `;
+            return ` ${this.thySeparator()?.trim()} `;
         });
         /**
          * 自定义日期选择日期回调
          * @type EventEmitter<Date[]>
          */
-        this.thyOnCalendarChange = new EventEmitter();
-        this.optionalDateRanges = [
+        this.thyOnCalendarChange = output();
+        this.defaultOptionalDateRanges = [
             {
                 key: 'week',
                 text: this.locale().currentWeek,
@@ -126,22 +149,21 @@ class ThyDateRange {
                 }
             }
         ];
+        this.optionalDateRanges = computed(() => {
+            if (this.thyOptionalDateRanges()?.length > 0) {
+                return this.thyOptionalDateRanges();
+            }
+            return this.defaultOptionalDateRanges;
+        });
         this.onModelChange = () => { };
         this.onModelTouched = () => { };
     }
-    /**
-     * 自定义可选值列表项
-     * @type DateRangeItemInfo[]
-     */
-    set thyOptionalDateRanges(value) {
-        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;
-    }
     writeValue(value) {
         if (value) {
             this.selectedDate = value;
         }
-        else if (this.optionalDateRanges.length > 0) {
-            this.selectedDate = this.optionalDateRanges[0];
+        else if (this.optionalDateRanges().length > 0) {
+            this.selectedDate = this.optionalDateRanges()[0];
             this.onModelChange(this.selectedDate);
         }
         this._setSelectedDateRange();
@@ -153,7 +175,6 @@ class ThyDateRange {
     registerOnTouched(fn) {
         this.onModelTouched = fn;
     }
-    ngOnInit() { }
     _setSelectedDateRange() {
         this.selectedDateRange = {
             begin: this.selectedDate.begin,
@@ -170,14 +191,14 @@ class ThyDateRange {
                     return {
                         begin: getUnixTime(addDays(beginDate, -1 * interval)),
                         end: getUnixTime(addDays(endDate, -1 * interval)),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
                 else {
                     return {
                         begin: getUnixTime(addDays(beginDate, 1 * interval)),
                         end: getUnixTime(addDays(endDate, 1 * interval)),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
             }
@@ -186,7 +207,7 @@ class ThyDateRange {
                     return {
                         begin: getUnixTime(addMonths(beginDate, -1 * interval)),
                         end: getUnixTime(endOfDay(addDays(beginDate, -1))),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
                 else {
@@ -196,7 +217,7 @@ class ThyDateRange {
                         end: endIsEndDayOfMonth
                             ? getUnixTime(endOfMonth(addMonths(endDate, 1 * interval)))
                             : getUnixTime(addMonths(endDate, 1 * interval)),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
             }
@@ -205,14 +226,14 @@ class ThyDateRange {
                     return {
                         begin: getUnixTime(addYears(beginDate, -1 * interval)),
                         end: getUnixTime(addYears(endDate, -1 * interval)),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
                 else {
                     return {
                         begin: getUnixTime(addYears(beginDate, 1 * interval)),
                         end: getUnixTime(addYears(endDate, 1 * interval)),
-                        key: this.thyCustomKey
+                        key: this.thyCustomKey()
                     };
                 }
             }
@@ -223,14 +244,14 @@ class ThyDateRange {
                 return {
                     begin: this.selectedDate.begin - interval,
                     end: this.selectedDate.end - interval,
-                    key: this.thyCustomKey
+                    key: this.thyCustomKey()
                 };
             }
             else {
                 return {
                     begin: this.selectedDate.begin + interval,
                     end: this.selectedDate.end + interval,
-                    key: this.thyCustomKey
+                    key: this.thyCustomKey()
                 };
             }
         }
@@ -247,7 +268,7 @@ class ThyDateRange {
         this._setPreviousOrNextDate('next');
     }
     openOptionalDateRangesMenu(event) {
-        if (this.thyHiddenMenu) {
+        if (this.thyHiddenMenu()) {
             return;
         }
         this.thyPopover.open(OptionalDateRanges, {
@@ -258,14 +279,14 @@ class ThyDateRange {
             manualClosure: true,
             originActiveClass: 'thy-date-range-text-active',
             initialState: {
-                hiddenMenu: this.thyHiddenMenu,
-                optionalDateRanges: this.optionalDateRanges,
+                hiddenMenu: this.thyHiddenMenu(),
+                optionalDateRanges: this.optionalDateRanges(),
                 selectedDate: this.selectedDate,
-                minDate: this.thyMinDate,
-                maxDate: this.thyMaxDate,
-                customValue: this.thyCustomTextValue,
-                customKey: this.thyCustomKey,
-                disabledDate: this.thyDisabledDate,
+                minDate: this.thyMinDate(),
+                maxDate: this.thyMaxDate(),
+                customValue: this.thyCustomTextValue(),
+                customKey: this.thyCustomKey(),
+                disabledDate: this.thyDisabledDate(),
                 selectedDateRange: (dateRange) => {
                     this.onModelChange(dateRange);
                     this.selectedDate = dateRange;
@@ -277,36 +298,12 @@ class ThyDateRange {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDateRange, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDateRange, isStandalone: true, selector: "thy-date-range", inputs: { thyOptionalDateRanges: "thyOptionalDateRanges", thyHiddenMenu: ["thyHiddenMenu", "thyHiddenMenu", coerceBooleanProperty], thyDisabledSwitch: ["thyDisabledSwitch", "thyDisabledSwitch", coerceBooleanProperty], thyCustomTextValue: "thyCustomTextValue", thyMinDate: "thyMinDate", thyMaxDate: "thyMaxDate", thyCustomKey: "thyCustomKey", thyPickerFormat: "thyPickerFormat", thyDisabledDate: "thyDisabledDate", thySeparator: "thySeparator" }, outputs: { thyOnCalendarChange: "thyOnCalendarChange" }, providers: [INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ThyDatePickerFormatPipe, name: "thyDatePickerFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyDateRange, isStandalone: true, selector: "thy-date-range", inputs: { thyOptionalDateRanges: { classPropertyName: "thyOptionalDateRanges", publicName: "thyOptionalDateRanges", isSignal: true, isRequired: false, transformFunction: null }, thyHiddenMenu: { classPropertyName: "thyHiddenMenu", publicName: "thyHiddenMenu", isSignal: true, isRequired: false, transformFunction: null }, thyDisabledSwitch: { classPropertyName: "thyDisabledSwitch", publicName: "thyDisabledSwitch", isSignal: true, isRequired: false, transformFunction: null }, thyCustomTextValue: { classPropertyName: "thyCustomTextValue", publicName: "thyCustomTextValue", isSignal: true, isRequired: false, transformFunction: null }, thyMinDate: { classPropertyName: "thyMinDate", publicName: "thyMinDate", isSignal: true, isRequired: false, transformFunction: null }, thyMaxDate: { classPropertyName: "thyMaxDate", publicName: "thyMaxDate", isSignal: true, isRequired: false, transformFunction: null }, thyCustomKey: { classPropertyName: "thyCustomKey", publicName: "thyCustomKey", isSignal: true, isRequired: false, transformFunction: null }, thyPickerFormat: { classPropertyName: "thyPickerFormat", publicName: "thyPickerFormat", isSignal: true, isRequired: false, transformFunction: null }, thyDisabledDate: { classPropertyName: "thyDisabledDate", publicName: "thyDisabledDate", isSignal: true, isRequired: false, transformFunction: null }, thySeparator: { classPropertyName: "thySeparator", publicName: "thySeparator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnCalendarChange: "thyOnCalendarChange" }, providers: [INPUT_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu() }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat() }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu()) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: ThyDatePickerFormatPipe, name: "thyDatePickerFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDateRange, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-date-range', providers: [INPUT_CONTROL_VALUE_ACCESSOR], imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe], template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n" }]
-        }], propDecorators: { thyOptionalDateRanges: [{
-                type: Input
-            }], thyHiddenMenu: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyDisabledSwitch: [{
-                type: Input,
-                args: [{ transform: coerceBooleanProperty }]
-            }], thyCustomTextValue: [{
-                type: Input
-            }], thyMinDate: [{
-                type: Input
-            }], thyMaxDate: [{
-                type: Input
-            }], thyCustomKey: [{
-                type: Input
-            }], thyPickerFormat: [{
-                type: Input
-            }], thyDisabledDate: [{
-                type: Input
-            }], thySeparator: [{
-                type: Input
-            }], thyOnCalendarChange: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'thy-date-range', providers: [INPUT_CONTROL_VALUE_ACCESSOR], imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe], template: "<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu() }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat() }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu()) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n" }]
+        }] });
 
 class ThyDateRangeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyDateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/ngx-tethys-date-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-date-range.mjs","sources":["../../../src/date-range/optional-dates/optional-dates.component.ts","../../../src/date-range/optional-dates/optional-dates.component.html","../../../src/date-range/date-range.component.ts","../../../src/date-range/date-range.component.html","../../../src/date-range/module.ts","../../../src/date-range/date-range.class.ts","../../../src/date-range/ngx-tethys-date-range.ts"],"sourcesContent":["import { Component, OnInit, Signal, inject } from '@angular/core';\nimport { DateRangeItemInfo } from '../date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { FormsModule } from '@angular/forms';\nimport { ThyRangePickerDirective } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective,\n    ThyDropdownMenuItemExtendIconDirective\n} from 'ngx-tethys/dropdown';\nimport { injectLocale, ThyDateRangeLocale } from 'ngx-tethys/i18n';\n\n/**\n * @private\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'date-range-optional',\n    templateUrl: './optional-dates.component.html',\n    imports: [\n        ThyDropdownMenuComponent,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuItemExtendIconDirective,\n        ThyIcon,\n        ThyRangePickerDirective,\n        FormsModule\n    ]\n})\nexport class OptionalDateRanges implements OnInit {\n    private thyPopover = inject(ThyPopover);\n    private locale: Signal<ThyDateRangeLocale> = injectLocale('dateRange');\n\n    hiddenMenu = false;\n\n    optionalDateRanges: DateRangeItemInfo[];\n\n    customValue = this.locale().custom;\n\n    customKey: string;\n\n    minDate: number | Date;\n\n    maxDate: number | Date;\n\n    disabledDate: (d: Date) => boolean;\n\n    selectedDateRange: (date: DateRangeItemInfo) => void;\n\n    calendarChange: (date: Date[]) => void;\n\n    selectedDate: DateRangeItemInfo;\n\n    ngOnInit() {}\n\n    _selectDateRange(dateRange: DateRangeItemInfo) {\n        this.selectedDate = dateRange;\n        this.selectedDateRange(dateRange);\n        this.thyPopover.close();\n    }\n\n    _selectedCustomDate(date: DateRangeItemInfo) {\n        this.selectedDate = {\n            begin: date.begin,\n            end: date.end,\n            key: this.customKey,\n            text: this.customValue\n        };\n        this.selectedDateRange(this.selectedDate);\n    }\n}\n","@if (!hiddenMenu) {\n  <thy-dropdown-menu thyImmediateRender class=\"thy-date-range-dropdown-menu-container\">\n    @for (dateRange of optionalDateRanges; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"_selectDateRange(dateRange)\">\n        <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n        @if (dateRange.key === selectedDate?.key) {\n          <span thyDropdownMenuItemExtendIcon>\n            <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n          </span>\n        }\n      </a>\n    }\n    <a\n      thyDropdownMenuItem\n      href=\"javascript:;\"\n      thyRangePicker\n      [(ngModel)]=\"selectedDate\"\n      [thyMinDate]=\"minDate\"\n      [thyMaxDate]=\"maxDate\"\n      [thyDisabledDate]=\"disabledDate\"\n      (ngModelChange)=\"_selectedCustomDate($event)\"\n      (thyOnCalendarChange)=\"calendarChange($event)\">\n      <span thyDropdownMenuItemName>{{ customValue }}</span>\n      @if (customKey === selectedDate?.key) {\n        <span thyDropdownMenuItemExtendIcon>\n          <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n        </span>\n      }\n    </a>\n  </thy-dropdown-menu>\n}\n","import { ChangeDetectorRef, Component, computed, EventEmitter, forwardRef, inject, Input, OnInit, Output, Signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { DateRangeItemInfo } from './date-range.class';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\n\nimport { NgClass } from '@angular/common';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { ThyDatePickerConfigService, ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';\nimport { injectLocale, ThyDateRangeLocale } from 'ngx-tethys/i18n';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    addDays,\n    addMonths,\n    addYears,\n    coerceBooleanProperty,\n    endOfDay,\n    endOfISOWeek,\n    endOfMonth,\n    getUnixTime,\n    isSameDay,\n    startOfDay,\n    startOfISOWeek,\n    startOfMonth,\n    TinyDate\n} from 'ngx-tethys/util';\n\nconst allDayTimestamp = 24 * 60 * 60;\n\nconst INPUT_CONTROL_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ThyDateRange),\n    multi: true\n};\n\n/**\n * 预设时间段及自定义时间段选择组件\n * @name thy-date-range\n * @order 10\n */\n@Component({\n    selector: 'thy-date-range',\n    templateUrl: './date-range.component.html',\n    providers: [INPUT_CONTROL_VALUE_ACCESSOR],\n    imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe]\n})\nexport class ThyDateRange implements OnInit, ControlValueAccessor {\n    private thyPopover = inject(ThyPopover);\n    private cdr = inject(ChangeDetectorRef);\n    private locale: Signal<ThyDateRangeLocale> = injectLocale('dateRange');\n    private datePickerConfigService = inject(ThyDatePickerConfigService);\n\n    /**\n     * 自定义可选值列表项\n     * @type DateRangeItemInfo[]\n     */\n    @Input()\n    set thyOptionalDateRanges(value: DateRangeItemInfo[]) {\n        this.optionalDateRanges = value.length > 0 ? value : this.optionalDateRanges;\n    }\n\n    /**\n     * 隐藏下拉选择时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyHiddenMenu = false;\n\n    /**\n     * 禁用左右切换时间段\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyDisabledSwitch = false;\n\n    /**\n     * 自定义日期选择的展示文字\n     * @default 自定义\n     */\n    @Input() thyCustomTextValue = this.locale().custom;\n\n    /**\n     * 自定义日期选择中可选择的最小时间\n     * @type Date | number\n     */\n    @Input() thyMinDate: Date | number;\n\n    /**\n     * 自定义日期选择中可选择的最大时间\n     * @type Date | number\n     */\n    @Input() thyMaxDate: Date | number;\n\n    /**\n     * 选中的时间段的展示形式，\n     * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；\n     * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。\n     */\n    @Input() thyCustomKey: 'custom' | 'exception' = 'custom';\n\n    /**\n     * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效\n     */\n    @Input() thyPickerFormat: string;\n\n    /**\n     * 自定义日期禁用日期\n     */\n    @Input() thyDisabledDate: (d: Date) => boolean;\n\n    /**\n     * 区间分隔符，不传值默认为 \"~\"\n     */\n    @Input() thySeparator: string = this.datePickerConfigService.config?.separator;\n\n    separator: Signal<string> = computed(() => {\n        return ` ${this.thySeparator?.trim()} `;\n    });\n\n    /**\n     * 自定义日期选择日期回调\n     * @type EventEmitter<Date[]>\n     */\n    @Output() readonly thyOnCalendarChange = new EventEmitter<Date[]>();\n\n    public selectedDate?: DateRangeItemInfo;\n\n    public optionalDateRanges: DateRangeItemInfo[] = [\n        {\n            key: 'week',\n            text: this.locale().currentWeek,\n            begin: getUnixTime(startOfISOWeek(new TinyDate().getTime())),\n            end: getUnixTime(endOfISOWeek(new TinyDate().getTime())),\n            timestamp: {\n                interval: 7,\n                unit: 'day'\n            }\n        },\n        {\n            key: 'month',\n            text: this.locale().currentMonth,\n            begin: getUnixTime(startOfMonth(new TinyDate().getTime())),\n            end: getUnixTime(endOfMonth(new TinyDate().getTime())),\n            timestamp: {\n                interval: 1,\n                unit: 'month'\n            }\n        }\n    ];\n\n    public selectedDateRange: {\n        begin: number;\n        end: number;\n    };\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    writeValue(value: any): void {\n        if (value) {\n            this.selectedDate = value;\n        } else if (this.optionalDateRanges.length > 0) {\n            this.selectedDate = this.optionalDateRanges[0];\n            this.onModelChange(this.selectedDate);\n        }\n        this._setSelectedDateRange();\n        this.cdr.detectChanges();\n    }\n\n    registerOnChange(fn: any): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onModelTouched = fn;\n    }\n\n    ngOnInit() {}\n\n    private _setSelectedDateRange() {\n        this.selectedDateRange = {\n            begin: this.selectedDate.begin,\n            end: this.selectedDate.end\n        };\n    }\n\n    private _calculateNewTime(type: string) {\n        if (this.selectedDate.timestamp) {\n            const beginDate = new TinyDate(this.selectedDate.begin * 1000)?.nativeDate;\n            const endDate = new TinyDate(this.selectedDate.end * 1000)?.nativeDate;\n            const interval = this.selectedDate.timestamp.interval;\n\n            if (this.selectedDate.timestamp.unit === 'day') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, -1 * interval)),\n                        end: getUnixTime(addDays(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, 1 * interval)),\n                        end: getUnixTime(addDays(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'month') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addMonths(beginDate, -1 * interval)),\n                        end: getUnixTime(endOfDay(addDays(beginDate, -1))),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    const endIsEndDayOfMonth = isSameDay(endDate, endOfMonth(endDate));\n                    return {\n                        begin: getUnixTime(startOfDay(addDays(endDate, 1))),\n                        end: endIsEndDayOfMonth\n                            ? getUnixTime(endOfMonth(addMonths(endDate, 1 * interval)))\n                            : getUnixTime(addMonths(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'year') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, -1 * interval)),\n                        end: getUnixTime(addYears(endDate, -1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, 1 * interval)),\n                        end: getUnixTime(addYears(endDate, 1 * interval)),\n                        key: this.thyCustomKey\n                    };\n                }\n            }\n        } else {\n            const interval: number = this.selectedDate.end - this.selectedDate.begin + allDayTimestamp;\n            if (type === 'previous') {\n                return {\n                    begin: this.selectedDate.begin - interval,\n                    end: this.selectedDate.end - interval,\n                    key: this.thyCustomKey\n                };\n            } else {\n                return {\n                    begin: this.selectedDate.begin + interval,\n                    end: this.selectedDate.end + interval,\n                    key: this.thyCustomKey\n                };\n            }\n        }\n    }\n\n    private _setPreviousOrNextDate(type: string) {\n        this.selectedDate = Object.assign({}, this.selectedDate, this._calculateNewTime(type));\n        this._setSelectedDateRange();\n        this.onModelChange(this.selectedDate);\n    }\n\n    public previous() {\n        this._setPreviousOrNextDate('previous');\n    }\n\n    public next() {\n        this._setPreviousOrNextDate('next');\n    }\n\n    public openOptionalDateRangesMenu(event: Event) {\n        if (this.thyHiddenMenu) {\n            return;\n        }\n        this.thyPopover.open(OptionalDateRanges, {\n            origin: event.currentTarget as HTMLElement,\n            hasBackdrop: true,\n            backdropClass: 'thy-overlay-transparent-backdrop',\n            offset: 0,\n            manualClosure: true,\n            originActiveClass: 'thy-date-range-text-active',\n            initialState: {\n                hiddenMenu: this.thyHiddenMenu,\n                optionalDateRanges: this.optionalDateRanges,\n                selectedDate: this.selectedDate,\n                minDate: this.thyMinDate,\n                maxDate: this.thyMaxDate,\n                customValue: this.thyCustomTextValue,\n                customKey: this.thyCustomKey,\n                disabledDate: this.thyDisabledDate,\n                selectedDateRange: (dateRange: DateRangeItemInfo) => {\n                    this.onModelChange(dateRange);\n                    this.selectedDate = dateRange;\n                },\n                calendarChange: (date: Date[]) => {\n                    this.thyOnCalendarChange.emit(date);\n                }\n            }\n        });\n    }\n}\n","<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyDateRange } from './date-range.component';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyDatePickerModule } from 'ngx-tethys/date-picker';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\nimport { ThyNavModule } from 'ngx-tethys/nav';\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ThyDropdownModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyDatePickerModule,\n        ThyNavModule,\n        ThyDateRange,\n        OptionalDateRanges\n    ],\n    exports: [ThyDateRange]\n})\nexport class ThyDateRangeModule {}\n","export type AttachTypes = 'day' | 'month' | 'year';\n\n/**\n * @order 20\n */\nexport class DateRangeItemInfo {\n    /**\n     * 开始时间\n     */\n    begin?: number;\n\n    /**\n     * 截止时间\n     */\n    end?: number;\n\n    /**\n     * 时间段的唯一标识，如'week'、'month'\n     */\n    key?: string;\n\n    /**\n     * 时间段的展示文本\n     */\n    text?: string;\n\n    /**\n     * 自定义时间段规则，interval为时间间隔；unit可选值有'day' | 'month' | 'year'\n     */\n    timestamp?: { interval?: number; unit?: AttachTypes };\n}\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-date-range.mjs","sources":["../../../src/date-range/optional-dates/optional-dates.component.ts","../../../src/date-range/optional-dates/optional-dates.component.html","../../../src/date-range/date-range.component.ts","../../../src/date-range/date-range.component.html","../../../src/date-range/module.ts","../../../src/date-range/date-range.class.ts","../../../src/date-range/ngx-tethys-date-range.ts"],"sourcesContent":["import { Component, OnInit, Signal, inject } from '@angular/core';\nimport { DateRangeItemInfo } from '../date-range.class';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { FormsModule } from '@angular/forms';\nimport { ThyRangePickerDirective } from 'ngx-tethys/date-picker';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    ThyDropdownMenuComponent,\n    ThyDropdownMenuItemDirective,\n    ThyDropdownMenuItemNameDirective,\n    ThyDropdownMenuItemExtendIconDirective\n} from 'ngx-tethys/dropdown';\nimport { injectLocale, ThyDateRangeLocale } from 'ngx-tethys/i18n';\n\n/**\n * @private\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'date-range-optional',\n    templateUrl: './optional-dates.component.html',\n    imports: [\n        ThyDropdownMenuComponent,\n        ThyDropdownMenuItemDirective,\n        ThyDropdownMenuItemNameDirective,\n        ThyDropdownMenuItemExtendIconDirective,\n        ThyIcon,\n        ThyRangePickerDirective,\n        FormsModule\n    ]\n})\nexport class OptionalDateRanges implements OnInit {\n    private thyPopover = inject(ThyPopover);\n    private locale: Signal<ThyDateRangeLocale> = injectLocale('dateRange');\n\n    hiddenMenu = false;\n\n    optionalDateRanges: DateRangeItemInfo[];\n\n    customValue = this.locale().custom;\n\n    customKey: string;\n\n    minDate: number | Date;\n\n    maxDate: number | Date;\n\n    disabledDate: (d: Date) => boolean;\n\n    selectedDateRange: (date: DateRangeItemInfo) => void;\n\n    calendarChange: (date: Date[]) => void;\n\n    selectedDate: DateRangeItemInfo;\n\n    ngOnInit() {}\n\n    _selectDateRange(dateRange: DateRangeItemInfo) {\n        this.selectedDate = dateRange;\n        this.selectedDateRange(dateRange);\n        this.thyPopover.close();\n    }\n\n    _selectedCustomDate(date: DateRangeItemInfo) {\n        this.selectedDate = {\n            begin: date.begin,\n            end: date.end,\n            key: this.customKey,\n            text: this.customValue\n        };\n        this.selectedDateRange(this.selectedDate);\n    }\n}\n","@if (!hiddenMenu) {\n  <thy-dropdown-menu thyImmediateRender class=\"thy-date-range-dropdown-menu-container\">\n    @for (dateRange of optionalDateRanges; track $index) {\n      <a thyDropdownMenuItem href=\"javascript:;\" (click)=\"_selectDateRange(dateRange)\">\n        <span thyDropdownMenuItemName>{{ dateRange?.text }}</span>\n        @if (dateRange.key === selectedDate?.key) {\n          <span thyDropdownMenuItemExtendIcon>\n            <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n          </span>\n        }\n      </a>\n    }\n    <a\n      thyDropdownMenuItem\n      href=\"javascript:;\"\n      thyRangePicker\n      [(ngModel)]=\"selectedDate\"\n      [thyMinDate]=\"minDate\"\n      [thyMaxDate]=\"maxDate\"\n      [thyDisabledDate]=\"disabledDate\"\n      (ngModelChange)=\"_selectedCustomDate($event)\"\n      (thyOnCalendarChange)=\"calendarChange($event)\">\n      <span thyDropdownMenuItemName>{{ customValue }}</span>\n      @if (customKey === selectedDate?.key) {\n        <span thyDropdownMenuItemExtendIcon>\n          <thy-icon class=\"text-primary\" thyIconName=\"check\"></thy-icon>\n        </span>\n      }\n    </a>\n  </thy-dropdown-menu>\n}\n","import { ChangeDetectorRef, Component, computed, forwardRef, inject, Signal, input, output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ThyPopover } from 'ngx-tethys/popover';\nimport { DateRangeItemInfo } from './date-range.class';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\n\nimport { NgClass } from '@angular/common';\nimport { ThyAction } from 'ngx-tethys/action';\nimport { ThyDatePickerConfigService, ThyDatePickerFormatPipe } from 'ngx-tethys/date-picker';\nimport { injectLocale, ThyDateRangeLocale } from 'ngx-tethys/i18n';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport {\n    addDays,\n    addMonths,\n    addYears,\n    coerceBooleanProperty,\n    endOfDay,\n    endOfISOWeek,\n    endOfMonth,\n    getUnixTime,\n    isSameDay,\n    startOfDay,\n    startOfISOWeek,\n    startOfMonth,\n    TinyDate\n} from 'ngx-tethys/util';\n\nconst allDayTimestamp = 24 * 60 * 60;\n\nconst INPUT_CONTROL_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ThyDateRange),\n    multi: true\n};\n\n/**\n * 预设时间段及自定义时间段选择组件\n * @name thy-date-range\n * @order 10\n */\n@Component({\n    selector: 'thy-date-range',\n    templateUrl: './date-range.component.html',\n    providers: [INPUT_CONTROL_VALUE_ACCESSOR],\n    imports: [ThyAction, ThyIcon, NgClass, ThyDatePickerFormatPipe]\n})\nexport class ThyDateRange implements ControlValueAccessor {\n    private thyPopover = inject(ThyPopover);\n    private cdr = inject(ChangeDetectorRef);\n    private locale: Signal<ThyDateRangeLocale> = injectLocale('dateRange');\n    private datePickerConfigService = inject(ThyDatePickerConfigService);\n\n    /**\n     * 自定义可选值列表项\n     * @type DateRangeItemInfo[]\n     */\n    readonly thyOptionalDateRanges = input<DateRangeItemInfo[]>();\n\n    /**\n     * 隐藏下拉选择时间段\n     * @default false\n     */\n    readonly thyHiddenMenu = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 禁用左右切换时间段\n     * @default false\n     */\n    readonly thyDisabledSwitch = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义日期选择的展示文字\n     * @default 自定义\n     */\n    readonly thyCustomTextValue = input(this.locale().custom);\n\n    /**\n     * 自定义日期选择中可选择的最小时间\n     * @type Date | number\n     */\n    readonly thyMinDate = input<Date | number>(undefined);\n\n    /**\n     * 自定义日期选择中可选择的最大时间\n     * @type Date | number\n     */\n    readonly thyMaxDate = input<Date | number>(undefined);\n\n    /**\n     * 选中的时间段的展示形式，\n     * <br/> `custom`形式：`2023-07-01 ~ 2023-07-31`；\n     * <br/> `exception`形式：`2023-07-01`，具体展示还与`thyPickerFormat`有关。\n     */\n    readonly thyCustomKey = input<'custom' | 'exception'>('custom');\n\n    /**\n     * 自定义日期展示格式，比如`yyyy年MM月`，只有当`thyCustomKey`值设为`exception`时才会生效\n     */\n    readonly thyPickerFormat = input<string>(undefined);\n\n    /**\n     * 自定义日期禁用日期\n     */\n    readonly thyDisabledDate = input<(d: Date) => boolean>(undefined);\n\n    /**\n     * 区间分隔符，不传值默认为 \"~\"\n     */\n    readonly thySeparator = input<string>(this.datePickerConfigService.config?.separator);\n\n    separator = computed(() => {\n        return ` ${this.thySeparator()?.trim()} `;\n    });\n\n    /**\n     * 自定义日期选择日期回调\n     * @type EventEmitter<Date[]>\n     */\n    readonly thyOnCalendarChange = output<Date[]>();\n\n    public selectedDate?: DateRangeItemInfo;\n\n    private defaultOptionalDateRanges: DateRangeItemInfo[] = [\n        {\n            key: 'week',\n            text: this.locale().currentWeek,\n            begin: getUnixTime(startOfISOWeek(new TinyDate().getTime())),\n            end: getUnixTime(endOfISOWeek(new TinyDate().getTime())),\n            timestamp: {\n                interval: 7,\n                unit: 'day'\n            }\n        },\n        {\n            key: 'month',\n            text: this.locale().currentMonth,\n            begin: getUnixTime(startOfMonth(new TinyDate().getTime())),\n            end: getUnixTime(endOfMonth(new TinyDate().getTime())),\n            timestamp: {\n                interval: 1,\n                unit: 'month'\n            }\n        }\n    ];\n\n    public optionalDateRanges = computed<DateRangeItemInfo[]>(() => {\n        if (this.thyOptionalDateRanges()?.length > 0) {\n            return this.thyOptionalDateRanges();\n        }\n        return this.defaultOptionalDateRanges;\n    });\n\n    public selectedDateRange: {\n        begin: number;\n        end: number;\n    };\n\n    public onModelChange: Function = () => {};\n\n    public onModelTouched: Function = () => {};\n\n    writeValue(value: any): void {\n        if (value) {\n            this.selectedDate = value;\n        } else if (this.optionalDateRanges().length > 0) {\n            this.selectedDate = this.optionalDateRanges()[0];\n            this.onModelChange(this.selectedDate);\n        }\n        this._setSelectedDateRange();\n        this.cdr.detectChanges();\n    }\n\n    registerOnChange(fn: any): void {\n        this.onModelChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onModelTouched = fn;\n    }\n\n    private _setSelectedDateRange() {\n        this.selectedDateRange = {\n            begin: this.selectedDate.begin,\n            end: this.selectedDate.end\n        };\n    }\n\n    private _calculateNewTime(type: string) {\n        if (this.selectedDate.timestamp) {\n            const beginDate = new TinyDate(this.selectedDate.begin * 1000)?.nativeDate;\n            const endDate = new TinyDate(this.selectedDate.end * 1000)?.nativeDate;\n            const interval = this.selectedDate.timestamp.interval;\n\n            if (this.selectedDate.timestamp.unit === 'day') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, -1 * interval)),\n                        end: getUnixTime(addDays(endDate, -1 * interval)),\n                        key: this.thyCustomKey()\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addDays(beginDate, 1 * interval)),\n                        end: getUnixTime(addDays(endDate, 1 * interval)),\n                        key: this.thyCustomKey()\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'month') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addMonths(beginDate, -1 * interval)),\n                        end: getUnixTime(endOfDay(addDays(beginDate, -1))),\n                        key: this.thyCustomKey()\n                    };\n                } else {\n                    const endIsEndDayOfMonth = isSameDay(endDate, endOfMonth(endDate));\n                    return {\n                        begin: getUnixTime(startOfDay(addDays(endDate, 1))),\n                        end: endIsEndDayOfMonth\n                            ? getUnixTime(endOfMonth(addMonths(endDate, 1 * interval)))\n                            : getUnixTime(addMonths(endDate, 1 * interval)),\n                        key: this.thyCustomKey()\n                    };\n                }\n            } else if (this.selectedDate.timestamp.unit === 'year') {\n                if (type === 'previous') {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, -1 * interval)),\n                        end: getUnixTime(addYears(endDate, -1 * interval)),\n                        key: this.thyCustomKey()\n                    };\n                } else {\n                    return {\n                        begin: getUnixTime(addYears(beginDate, 1 * interval)),\n                        end: getUnixTime(addYears(endDate, 1 * interval)),\n                        key: this.thyCustomKey()\n                    };\n                }\n            }\n        } else {\n            const interval: number = this.selectedDate.end - this.selectedDate.begin + allDayTimestamp;\n            if (type === 'previous') {\n                return {\n                    begin: this.selectedDate.begin - interval,\n                    end: this.selectedDate.end - interval,\n                    key: this.thyCustomKey()\n                };\n            } else {\n                return {\n                    begin: this.selectedDate.begin + interval,\n                    end: this.selectedDate.end + interval,\n                    key: this.thyCustomKey()\n                };\n            }\n        }\n    }\n\n    private _setPreviousOrNextDate(type: string) {\n        this.selectedDate = Object.assign({}, this.selectedDate, this._calculateNewTime(type));\n        this._setSelectedDateRange();\n        this.onModelChange(this.selectedDate);\n    }\n\n    public previous() {\n        this._setPreviousOrNextDate('previous');\n    }\n\n    public next() {\n        this._setPreviousOrNextDate('next');\n    }\n\n    public openOptionalDateRangesMenu(event: Event) {\n        if (this.thyHiddenMenu()) {\n            return;\n        }\n        this.thyPopover.open(OptionalDateRanges, {\n            origin: event.currentTarget as HTMLElement,\n            hasBackdrop: true,\n            backdropClass: 'thy-overlay-transparent-backdrop',\n            offset: 0,\n            manualClosure: true,\n            originActiveClass: 'thy-date-range-text-active',\n            initialState: {\n                hiddenMenu: this.thyHiddenMenu(),\n                optionalDateRanges: this.optionalDateRanges(),\n                selectedDate: this.selectedDate,\n                minDate: this.thyMinDate(),\n                maxDate: this.thyMaxDate(),\n                customValue: this.thyCustomTextValue(),\n                customKey: this.thyCustomKey(),\n                disabledDate: this.thyDisabledDate(),\n                selectedDateRange: (dateRange: DateRangeItemInfo) => {\n                    this.onModelChange(dateRange);\n                    this.selectedDate = dateRange;\n                },\n                calendarChange: (date: Date[]) => {\n                    this.thyOnCalendarChange.emit(date);\n                }\n            }\n        });\n    }\n}\n","<div class=\"thy-date-range-container\">\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-left\" href=\"javascript:;\" (click)=\"previous()\"></a>\n  }\n  <span\n    href=\"javascript:;\"\n    (click)=\"openOptionalDateRangesMenu($event)\"\n    class=\"thy-date-range-text\"\n    [ngClass]=\"{ 'thy-date-range-disabled': thyHiddenMenu() }\">\n    @if (selectedDate?.key === 'custom') {\n      {{ selectedDate?.begin | thyDatePickerFormat }}{{ separator() }}{{ selectedDate?.end | thyDatePickerFormat }}\n    }\n    @if (selectedDate?.key === 'exception') {\n      {{ selectedDate?.begin | thyDatePickerFormat: thyPickerFormat() }}\n    }\n    @if (selectedDate?.key !== 'custom' && selectedDate?.key !== 'exception') {\n      {{ selectedDate?.text }}\n    }\n    @if (!thyHiddenMenu()) {\n      <thy-icon class=\"thy-date-range-text-caret-down ml-2\" thyIconName=\"angle-down\"></thy-icon>\n    }\n  </span>\n  @if (!thyDisabledSwitch()) {\n    <a thyAction thyIcon=\"angle-right\" href=\"javascript:;\" (click)=\"next()\"></a>\n  }\n</div>\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ThyDateRange } from './date-range.component';\nimport { ThyDropdownModule } from 'ngx-tethys/dropdown';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyDatePickerModule } from 'ngx-tethys/date-picker';\nimport { OptionalDateRanges } from './optional-dates/optional-dates.component';\nimport { ThyNavModule } from 'ngx-tethys/nav';\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ThyDropdownModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyDatePickerModule,\n        ThyNavModule,\n        ThyDateRange,\n        OptionalDateRanges\n    ],\n    exports: [ThyDateRange]\n})\nexport class ThyDateRangeModule {}\n","export type AttachTypes = 'day' | 'month' | 'year';\n\n/**\n * @order 20\n */\nexport class DateRangeItemInfo {\n    /**\n     * 开始时间\n     */\n    begin?: number;\n\n    /**\n     * 截止时间\n     */\n    end?: number;\n\n    /**\n     * 时间段的唯一标识，如'week'、'month'\n     */\n    key?: string;\n\n    /**\n     * 时间段的展示文本\n     */\n    text?: string;\n\n    /**\n     * 自定义时间段规则，interval为时间间隔；unit可选值有'day' | 'month' | 'year'\n     */\n    timestamp?: { interval?: number; unit?: AttachTypes };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-guider.mjs

@@ -5,7 +5,7 @@ import { DOCUMENT, NgTemplateOutlet, NgClass, CommonModule } from '@angular/comm
 import { ThyPopover, ThyPopoverModule } from 'ngx-tethys/popover';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
-import { Inject, RendererFactory2, NgZone, Injectable, inject, ElementRef, Input, Directive, HostBinding, Component, NgModule } from '@angular/core';
+import { Inject, RendererFactory2, NgZone, Injectable, inject, ElementRef, input, Directive, HostBinding, Component, NgModule } from '@angular/core';
 import { fromEvent, ReplaySubject, Subject } from 'rxjs';
 import { ThyIconModule } from 'ngx-tethys/icon';
 import { ThySharedModule } from 'ngx-tethys/shared';
@@ -497,13 +497,17 @@ class ThyGuiderTargetDirective {
         this.guiderManager = inject(ThyGuiderManager);
         this.el = inject(ElementRef);
         this.ngZone = inject(NgZone);
+        /**
+         * 标记当前元素对应的新手引导中 step 的 key
+         */
+        this.target = input(undefined, { alias: 'thyGuiderTarget' });
     }
     ngOnInit() {
-        this.guiderManager.addStepTarget(this.target, this.el.nativeElement);
+        this.guiderManager.addStepTarget(this.target(), this.el.nativeElement);
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             const { key, guiderRef } = this.guiderManager.getActive();
-            if (key === this.target) {
-                const index = guiderRef.steps.findIndex(step => step.key === this.target);
+            if (key === this.target()) {
+                const index = guiderRef.steps.findIndex(step => step.key === this.target());
                 this.ngZone.run(() => {
                     guiderRef.active(index);
                 });
@@ -516,10 +520,10 @@ class ThyGuiderTargetDirective {
         if (guiderRef) {
             guiderRef.close();
         }
-        this.guiderManager.removeStepTarget(this.target);
+        this.guiderManager.removeStepTarget(this.target());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyGuiderTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: ThyGuiderTargetDirective, isStandalone: true, selector: "[thyGuiderTarget]", inputs: { target: ["thyGuiderTarget", "target"] }, exportAs: ["thyGuiderTarget"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: ThyGuiderTargetDirective, isStandalone: true, selector: "[thyGuiderTarget]", inputs: { target: { classPropertyName: "target", publicName: "thyGuiderTarget", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["thyGuiderTarget"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyGuiderTargetDirective, decorators: [{
             type: Directive,
@@ -527,10 +531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[thyGuiderTarget]',
                     exportAs: 'thyGuiderTarget'
                 }]
-        }], propDecorators: { target: [{
-                type: Input,
-                args: ['thyGuiderTarget']
-            }] } });
+        }] });
 
 /**
  * @private