ngx-tethys 19.1.0 → 19.1.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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.1.1](https://github.com/atinc/ngx-tethys/compare/19.1.0...19.1.1) (2025-09-05)
+
+
+### Bug Fixes
+
+* **tabs:** fix thyActiveTab is number bug and optimize doc  [@wumeimin](https://github.com/wumeimin) ([#3553](https://github.com/atinc/ngx-tethys/issues/3553)) ([f7727eb](https://github.com/atinc/ngx-tethys/commit/f7727eba8243305395f9a0197d9a881ce460e756))
+
+
+
 # [19.1.0](https://github.com/atinc/ngx-tethys/compare/19.1.0-next.12...19.1.0) (2025-08-29)
 
 

package/fesm2022/ngx-tethys-tabs.mjs

@@ -1,51 +1,12 @@
 import * as i0 from '@angular/core';
-import { input, ViewChild, ContentChild, ChangeDetectionStrategy, Component, ViewEncapsulation, inject, ChangeDetectorRef, ElementRef, QueryList, DestroyRef, model, effect, ContentChildren, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewChild, ContentChild, inject, ChangeDetectorRef, ElementRef, QueryList, DestroyRef, model, linkedSignal, ContentChildren, NgModule } from '@angular/core';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
-import { coerceBooleanProperty, isString } from 'ngx-tethys/util';
-import { fromEvent } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ThyNav, ThyNavItemDirective, ThyNavModule } from 'ngx-tethys/nav';
+import { coerceBooleanProperty, isNumber } from 'ngx-tethys/util';
+import { fromEvent } from 'rxjs';
 import { ThyIconModule } from 'ngx-tethys/icon';
 
-/**
- * 选项卡的选项组件
- * @name thy-tab
- */
-class ThyTab {
-    constructor() {
-        /**
-         * 选项标题
-         */
-        this.thyTitle = input(undefined);
-        /**
-         * 选项的唯一标识
-         */
-        this.id = input(undefined);
-        /**
-         * 是否禁用选项
-         * @default false
-         */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyTab, isStandalone: true, selector: "thy-tab", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["title"], descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #content><ng-content></ng-content></ng-template> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTab, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'thy-tab',
-                    template: ` <ng-template #content><ng-content></ng-content></ng-template> `,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: () => [], propDecorators: { titleTemplateRef: [{
-                type: ContentChild,
-                args: ['title']
-            }], content: [{
-                type: ViewChild,
-                args: ['content', { static: true }]
-            }] } });
-
 /**
  * @private
  */
@@ -88,6 +49,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 }]
         }] });
 
+/**
+ * 选项卡的选项组件
+ * @name thy-tab
+ */
+class ThyTab {
+    constructor() {
+        /**
+         * 选项标题
+         */
+        this.thyTitle = input(undefined);
+        /**
+         * 选项的唯一标识
+         */
+        this.id = input(undefined);
+        /**
+         * 是否禁用选项
+         * @default false
+         */
+        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: ThyTab, isStandalone: true, selector: "thy-tab", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["title"], descendants: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: ` <ng-template #content><ng-content></ng-content></ng-template> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'thy-tab',
+                    template: ` <ng-template #content><ng-content></ng-content></ng-template> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [], propDecorators: { titleTemplateRef: [{
+                type: ContentChild,
+                args: ['title']
+            }], content: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }] } });
+
 /**
  * 选项卡切换组件
  * @name thy-tabs
@@ -129,19 +129,14 @@ class ThyTabs {
          * 响应式，自动计算宽度存放 thyNavItem，并添加更多弹框
          */
         this.thyResponsive = input(false, { transform: coerceBooleanProperty });
-        this.activeTabIndex = 0;
-        this.transitionStarted = false;
-        effect(() => {
-            const value = this.thyActiveTab();
-            if (isString(value)) {
-                this.activeTabId = value;
-                this.activeTabIndex = undefined;
-            }
-            else {
-                this.activeTabIndex = value;
-                this.activeTabId = undefined;
-            }
+        this.activeTabIndex = linkedSignal(() => {
+            const activeTab = this.thyActiveTab();
+            return isNumber(activeTab) ? activeTab : undefined;
         });
+        this.activeTabId = linkedSignal(() => {
+            return this.thyActiveTab() ?? undefined;
+        });
+        this.transitionStarted = false;
     }
     ngOnInit() {
         const tabsContent = this.el.nativeElement.querySelector('.thy-tabs-content');
@@ -155,7 +150,7 @@ class ThyTabs {
     ngAfterContentInit() {
         this.tabs.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(data => {
             this.thyAnimated() && (this.transitionStarted = true);
-            this.activeTabIndex = data.length - 1;
+            this.activeTabIndex.set(data.length - 1);
             this.cd.markForCheck();
         });
     }
@@ -164,7 +159,7 @@ class ThyTabs {
     }
     getTabContentMarginLeft() {
         if (this.tabPaneAnimated) {
-            return `${-(this.activeTabIndex || 0) * 100}%`;
+            return `${-(this.activeTabIndex() || 0) * 100}%`;
         }
         return '';
     }
@@ -172,14 +167,12 @@ class ThyTabs {
         if (tab.thyDisabled()) {
             return;
         }
-        this.activeTabId = tab.id() || null;
-        this.thyAnimated() && (this.transitionStarted = this.activeTabIndex !== index);
-        this.activeTabIndex = index;
+        this.thyAnimated() && (this.transitionStarted = this.activeTabIndex() !== index);
         const id = tab.id();
         this.thyActiveTab.set(id ? id : index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTabs, isStandalone: true, selector: "thy-tabs", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyActiveTab: { classPropertyName: "thyActiveTab", publicName: "thyActiveTab", isSignal: true, isRequired: false, transformFunction: null }, thyExtra: { classPropertyName: "thyExtra", publicName: "thyExtra", isSignal: true, isRequired: false, transformFunction: null }, thyPosition: { classPropertyName: "thyPosition", publicName: "thyPosition", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyResponsive: { classPropertyName: "thyResponsive", publicName: "thyResponsive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActiveTab: "thyActiveTabChange" }, host: { properties: { "class.thy-tabs-top": "thyPosition() === 'top'", "class.thy-tabs-left": "thyPosition() === 'left'", "style.overflow": "transitionStarted ? \"hidden\" : null" }, classAttribute: "thy-tabs" }, queries: [{ propertyName: "tabs", predicate: ThyTab, descendants: true }], ngImport: i0, template: "<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyNav, selector: "thy-nav", inputs: ["thyType", "thySize", "thyHorizontal", "thyVertical", "thyFill", "thyResponsive", "thyPauseReCalculate", "thyInsideClosable", "thyPopoverOptions", "thyExtra"] }, { kind: "directive", type: ThyNavItemDirective, selector: "[thyNavLink],[thyNavItem]", inputs: ["id", "thyNavItemActive", "thyNavLinkActive", "thyNavItemDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyTabContent, selector: "thy-tab-content, [thyTabContent]", inputs: ["content", "active", "tabPaneAnimated"], exportAs: ["thyTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyTabs, isStandalone: true, selector: "thy-tabs", inputs: { thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyActiveTab: { classPropertyName: "thyActiveTab", publicName: "thyActiveTab", isSignal: true, isRequired: false, transformFunction: null }, thyExtra: { classPropertyName: "thyExtra", publicName: "thyExtra", isSignal: true, isRequired: false, transformFunction: null }, thyPosition: { classPropertyName: "thyPosition", publicName: "thyPosition", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyResponsive: { classPropertyName: "thyResponsive", publicName: "thyResponsive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyActiveTab: "thyActiveTabChange" }, host: { properties: { "class.thy-tabs-top": "thyPosition() === 'top'", "class.thy-tabs-left": "thyPosition() === 'left'", "style.overflow": "transitionStarted ? \"hidden\" : null" }, classAttribute: "thy-tabs" }, queries: [{ propertyName: "tabs", predicate: ThyTab, descendants: true }], ngImport: i0, template: "<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyNav, selector: "thy-nav", inputs: ["thyType", "thySize", "thyHorizontal", "thyVertical", "thyFill", "thyResponsive", "thyPauseReCalculate", "thyInsideClosable", "thyPopoverOptions", "thyExtra"] }, { kind: "directive", type: ThyNavItemDirective, selector: "[thyNavLink],[thyNavItem]", inputs: ["id", "thyNavItemActive", "thyNavLinkActive", "thyNavItemDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyTabContent, selector: "thy-tab-content, [thyTabContent]", inputs: ["content", "active", "tabPaneAnimated"], exportAs: ["thyTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyTabs, decorators: [{
             type: Component,
@@ -188,7 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-tabs-top]': `thyPosition() === 'top'`,
                         '[class.thy-tabs-left]': `thyPosition() === 'left'`,
                         '[style.overflow]': `transitionStarted ? "hidden" : null`
-                    }, imports: [ThyNav, ThyNavItemDirective, NgTemplateOutlet, ThyTabContent], template: "<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n" }]
+                    }, imports: [ThyNav, ThyNavItemDirective, NgTemplateOutlet, ThyTabContent], template: "<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{
                 type: ContentChildren,
                 args: [ThyTab, { descendants: true }]

package/fesm2022/ngx-tethys-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-tabs.mjs","sources":["../../../src/tabs/tab.component.ts","../../../src/tabs/tab-content.component.ts","../../../src/tabs/tabs.component.ts","../../../src/tabs/tabs.component.html","../../../src/tabs/tabs.module.ts","../../../src/tabs/ngx-tethys-tabs.ts"],"sourcesContent":["import { Component, OnInit, ChangeDetectionStrategy, ViewChild, TemplateRef, ContentChild, input } from '@angular/core';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * 选项卡的选项组件\n * @name thy-tab\n */\n@Component({\n    selector: 'thy-tab',\n    template: ` <ng-template #content><ng-content></ng-content></ng-template> `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyTab implements OnInit {\n    /**\n     * 自定义选项标题的模板\n     * @type TemplateRef\n     */\n    @ContentChild('title') titleTemplateRef: TemplateRef<unknown>;\n\n    @ViewChild('content', { static: true }) content: TemplateRef<HTMLElement>;\n\n    /**\n     * 选项标题\n     */\n    readonly thyTitle = input<string>(undefined);\n\n    /**\n     * 选项的唯一标识\n     */\n    readonly id = input<string>(undefined);\n\n    /**\n     * 是否禁用选项\n     * @default false\n     */\n    readonly thyDisabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","import { ChangeDetectionStrategy, Component, TemplateRef, ViewEncapsulation, input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * @private\n */\n@Component({\n    selector: 'thy-tab-content, [thyTabContent]',\n    exportAs: 'thyTabContent',\n    preserveWhitespaces: false,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (active()) {\n            <ng-template [ngTemplateOutlet]=\"content()\"></ng-template>\n        }\n    `,\n    host: {\n        class: 'thy-tab-content',\n        '[attr.aria-hidden]': '!active()',\n        '[attr.tabindex]': 'active() ? 0 : -1',\n        '[style.visibility]': 'tabPaneAnimated() ? active() ? null : \"hidden\" : null',\n        '[style.height]': 'tabPaneAnimated() ? active() ? null : 0 : null',\n        '[style.overflow-y]': 'tabPaneAnimated() ? active() ? null : \"none\" : null',\n        '[style.display]': '!tabPaneAnimated() ? active() ? null : \"none\" : null'\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTabContent {\n    readonly content = input<TemplateRef<void> | null>(null);\n\n    readonly active = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly tabPaneAnimated = input<boolean, ThyBooleanInput>(true, { transform: coerceBooleanProperty });\n}\n","import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    DestroyRef,\n    ElementRef,\n    OnInit,\n    QueryList,\n    TemplateRef,\n    effect,\n    inject,\n    input,\n    output,\n    model\n} from '@angular/core';\nimport { coerceBooleanProperty, isString, ThyBooleanInput } from 'ngx-tethys/util';\nimport { fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ThyTab } from './tab.component';\nimport { ThyActiveTabInfo, ThyTabActiveEvent } from './types';\nimport { ThyTabContent } from './tab-content.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ThyNav, ThyNavItemDirective } from 'ngx-tethys/nav';\n\nexport type ThyTabsSize = 'lg' | 'md' | 'sm';\n\nexport type ThyTabsType = 'pulled' | 'tabs' | 'pills' | 'lite';\n\nexport type ThyTabsPosition = 'top' | 'left';\n\n/**\n * 选项卡切换组件\n * @name thy-tabs\n */\n@Component({\n    selector: 'thy-tabs',\n    templateUrl: './tabs.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-tabs',\n        '[class.thy-tabs-top]': `thyPosition() === 'top'`,\n        '[class.thy-tabs-left]': `thyPosition() === 'left'`,\n        '[style.overflow]': `transitionStarted ? \"hidden\" : null`\n    },\n    imports: [ThyNav, ThyNavItemDirective, NgTemplateOutlet, ThyTabContent]\n})\nexport class ThyTabs implements OnInit, AfterContentInit {\n    private cd = inject(ChangeDetectorRef);\n    private el = inject(ElementRef);\n\n    @ContentChildren(ThyTab, { descendants: true }) tabs = new QueryList<ThyTab>();\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    /**\n     * 标签类型\n     * @type 'pulled' | 'tabs' | 'pills' | 'lite'\n     */\n    readonly thyType = input<ThyTabsType>('tabs');\n\n    /**\n     * 选项卡的大小\n     * @type 'lg' | 'md' | 'sm'\n     */\n    readonly thySize = input<ThyTabsSize>('md');\n\n    /**\n     * 激活的项\n     */\n    readonly thyActiveTab = model<ThyActiveTabInfo>(0);\n\n    /**\n     * 附加操作\n     */\n    readonly thyExtra = input<TemplateRef<unknown>>(undefined);\n\n    /**\n     * 选项卡的位置\n     * @type 'top' | 'left'\n     */\n    readonly thyPosition = input<ThyTabsPosition>('top');\n\n    /**\n     * 是否使用动画切换 Tabs\n     */\n    readonly thyAnimated = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 响应式，自动计算宽度存放 thyNavItem，并添加更多弹框\n     */\n    readonly thyResponsive = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    activeTabIndex: number = 0;\n\n    activeTabId: string;\n\n    transitionStarted: boolean = false;\n\n    constructor() {\n        effect(() => {\n            const value = this.thyActiveTab();\n            if (isString(value)) {\n                this.activeTabId = value;\n                this.activeTabIndex = undefined;\n            } else {\n                this.activeTabIndex = value;\n                this.activeTabId = undefined;\n            }\n        });\n    }\n\n    ngOnInit(): void {\n        const tabsContent = this.el.nativeElement.querySelector('.thy-tabs-content');\n        fromEvent(tabsContent, 'transitionend')\n            .pipe(takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                this.transitionStarted = false;\n                this.cd.markForCheck();\n            });\n    }\n\n    ngAfterContentInit() {\n        this.tabs.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(data => {\n            this.thyAnimated() && (this.transitionStarted = true);\n            this.activeTabIndex = data.length - 1;\n            this.cd.markForCheck();\n        });\n    }\n\n    get tabPaneAnimated(): boolean {\n        return this.thyPosition() === 'top' && this.thyAnimated();\n    }\n\n    getTabContentMarginLeft(): string {\n        if (this.tabPaneAnimated) {\n            return `${-(this.activeTabIndex || 0) * 100}%`;\n        }\n        return '';\n    }\n\n    activeTab(tab: ThyTab, index: number) {\n        if (tab.thyDisabled()) {\n            return;\n        }\n        this.activeTabId = tab.id() || null;\n        this.thyAnimated() && (this.transitionStarted = this.activeTabIndex !== index);\n        this.activeTabIndex = index;\n        const id = tab.id();\n        this.thyActiveTab.set(id ? id : index);\n    }\n}\n","<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId && tab.id() === activeTabId) ?? i === activeTabIndex\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyTabs } from './tabs.component';\nimport { ThyTab } from './tab.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyNavModule } from 'ngx-tethys/nav';\nimport { ThyTabContent } from './tab-content.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyNavModule, ThyTabs, ThyTab, ThyTabContent],\n    exports: [ThyTabs, ThyTab]\n})\nexport class ThyTabsModule {}\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-tabs.mjs","sources":["../../../src/tabs/tab-content.component.ts","../../../src/tabs/tab.component.ts","../../../src/tabs/tabs.component.ts","../../../src/tabs/tabs.component.html","../../../src/tabs/tabs.module.ts","../../../src/tabs/ngx-tethys-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, TemplateRef, ViewEncapsulation, input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * @private\n */\n@Component({\n    selector: 'thy-tab-content, [thyTabContent]',\n    exportAs: 'thyTabContent',\n    preserveWhitespaces: false,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (active()) {\n            <ng-template [ngTemplateOutlet]=\"content()\"></ng-template>\n        }\n    `,\n    host: {\n        class: 'thy-tab-content',\n        '[attr.aria-hidden]': '!active()',\n        '[attr.tabindex]': 'active() ? 0 : -1',\n        '[style.visibility]': 'tabPaneAnimated() ? active() ? null : \"hidden\" : null',\n        '[style.height]': 'tabPaneAnimated() ? active() ? null : 0 : null',\n        '[style.overflow-y]': 'tabPaneAnimated() ? active() ? null : \"none\" : null',\n        '[style.display]': '!tabPaneAnimated() ? active() ? null : \"none\" : null'\n    },\n    imports: [NgTemplateOutlet]\n})\nexport class ThyTabContent {\n    readonly content = input<TemplateRef<void> | null>(null);\n\n    readonly active = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly tabPaneAnimated = input<boolean, ThyBooleanInput>(true, { transform: coerceBooleanProperty });\n}\n","import { Component, OnInit, ChangeDetectionStrategy, ViewChild, TemplateRef, ContentChild, input } from '@angular/core';\nimport { coerceBooleanProperty, ThyBooleanInput } from 'ngx-tethys/util';\n\n/**\n * 选项卡的选项组件\n * @name thy-tab\n */\n@Component({\n    selector: 'thy-tab',\n    template: ` <ng-template #content><ng-content></ng-content></ng-template> `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyTab implements OnInit {\n    /**\n     * 自定义选项标题的模板\n     * @type TemplateRef\n     */\n    @ContentChild('title') titleTemplateRef: TemplateRef<unknown>;\n\n    @ViewChild('content', { static: true }) content: TemplateRef<HTMLElement>;\n\n    /**\n     * 选项标题\n     */\n    readonly thyTitle = input<string>(undefined);\n\n    /**\n     * 选项的唯一标识\n     */\n    readonly id = input<string>(undefined);\n\n    /**\n     * 是否禁用选项\n     * @default false\n     */\n    readonly thyDisabled = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    constructor() {}\n\n    ngOnInit(): void {}\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    linkedSignal,\n    model,\n    OnInit,\n    QueryList,\n    TemplateRef\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ThyNav, ThyNavItemDirective } from 'ngx-tethys/nav';\nimport { coerceBooleanProperty, isNumber, ThyBooleanInput } from 'ngx-tethys/util';\nimport { fromEvent } from 'rxjs';\nimport { ThyTabContent } from './tab-content.component';\nimport { ThyTab } from './tab.component';\nimport { ThyActiveTabInfo } from './types';\n\nexport type ThyTabsSize = 'lg' | 'md' | 'sm';\n\nexport type ThyTabsType = 'pulled' | 'tabs' | 'pills' | 'lite';\n\nexport type ThyTabsPosition = 'top' | 'left';\n\n/**\n * 选项卡切换组件\n * @name thy-tabs\n */\n@Component({\n    selector: 'thy-tabs',\n    templateUrl: './tabs.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-tabs',\n        '[class.thy-tabs-top]': `thyPosition() === 'top'`,\n        '[class.thy-tabs-left]': `thyPosition() === 'left'`,\n        '[style.overflow]': `transitionStarted ? \"hidden\" : null`\n    },\n    imports: [ThyNav, ThyNavItemDirective, NgTemplateOutlet, ThyTabContent]\n})\nexport class ThyTabs implements OnInit, AfterContentInit {\n    private cd = inject(ChangeDetectorRef);\n    private el = inject(ElementRef);\n\n    @ContentChildren(ThyTab, { descendants: true }) tabs = new QueryList<ThyTab>();\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    /**\n     * 标签类型\n     * @type 'pulled' | 'tabs' | 'pills' | 'lite'\n     */\n    readonly thyType = input<ThyTabsType>('tabs');\n\n    /**\n     * 选项卡的大小\n     * @type 'lg' | 'md' | 'sm'\n     */\n    readonly thySize = input<ThyTabsSize>('md');\n\n    /**\n     * 激活的项\n     */\n    readonly thyActiveTab = model<ThyActiveTabInfo>(0);\n\n    /**\n     * 附加操作\n     */\n    readonly thyExtra = input<TemplateRef<unknown>>(undefined);\n\n    /**\n     * 选项卡的位置\n     * @type 'top' | 'left'\n     */\n    readonly thyPosition = input<ThyTabsPosition>('top');\n\n    /**\n     * 是否使用动画切换 Tabs\n     */\n    readonly thyAnimated = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 响应式，自动计算宽度存放 thyNavItem，并添加更多弹框\n     */\n    readonly thyResponsive = input<boolean, ThyBooleanInput>(false, { transform: coerceBooleanProperty });\n\n    readonly activeTabIndex = linkedSignal(() => {\n        const activeTab = this.thyActiveTab();\n        return isNumber(activeTab) ? activeTab : undefined;\n    });\n\n    readonly activeTabId = linkedSignal(() => {\n        return this.thyActiveTab() ?? undefined;\n    });\n\n    transitionStarted: boolean = false;\n\n    constructor() {}\n\n    ngOnInit(): void {\n        const tabsContent = this.el.nativeElement.querySelector('.thy-tabs-content');\n        fromEvent(tabsContent, 'transitionend')\n            .pipe(takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                this.transitionStarted = false;\n                this.cd.markForCheck();\n            });\n    }\n\n    ngAfterContentInit() {\n        this.tabs.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(data => {\n            this.thyAnimated() && (this.transitionStarted = true);\n            this.activeTabIndex.set(data.length - 1);\n            this.cd.markForCheck();\n        });\n    }\n\n    get tabPaneAnimated(): boolean {\n        return this.thyPosition() === 'top' && this.thyAnimated();\n    }\n\n    getTabContentMarginLeft(): string {\n        if (this.tabPaneAnimated) {\n            return `${-(this.activeTabIndex() || 0) * 100}%`;\n        }\n        return '';\n    }\n\n    activeTab(tab: ThyTab, index: number) {\n        if (tab.thyDisabled()) {\n            return;\n        }\n        this.thyAnimated() && (this.transitionStarted = this.activeTabIndex() !== index);\n        const id = tab.id();\n        this.thyActiveTab.set(id ? id : index);\n    }\n}\n","<!-- tabs nav -->\n<thy-nav\n  class=\"thy-tabs-nav\"\n  [thyType]=\"thyType()\"\n  [thySize]=\"thySize()\"\n  [thyExtra]=\"thyExtra()\"\n  [thyVertical]=\"thyPosition() === 'left'\"\n  [thyResponsive]=\"thyResponsive()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <a\n      href=\"javascript:;\"\n      thyNavItem\n      [id]=\"tab.id()\"\n      [thyNavItemDisabled]=\"tab.thyDisabled()\"\n      [thyNavItemActive]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      (click)=\"activeTab(tab, i)\">\n      @if (tab.titleTemplateRef) {\n        <ng-template [ngTemplateOutlet]=\"tab.titleTemplateRef\"></ng-template>\n      } @else {\n        {{ tab.thyTitle() }}\n      }\n    </a>\n  }\n</thy-nav>\n<!-- tabs content -->\n<div class=\"thy-tabs-content\" [class.thy-tabs-content-animated]=\"tabPaneAnimated\" [style.margin-left]=\"getTabContentMarginLeft()\">\n  @for (tab of tabs; track $index; let i = $index) {\n    <div\n      thyTabContent\n      [active]=\"(tab.id() && activeTabId() && tab.id() === activeTabId()) ?? i === activeTabIndex()\"\n      [content]=\"tab.content\"\n      [tabPaneAnimated]=\"tabPaneAnimated\"></div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyTabs } from './tabs.component';\nimport { ThyTab } from './tab.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyNavModule } from 'ngx-tethys/nav';\nimport { ThyTabContent } from './tab-content.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyNavModule, ThyTabs, ThyTab, ThyTabContent],\n    exports: [ThyTabs, ThyTab]\n})\nexport class ThyTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('19.1.0');
+const VERSION = new Version('19.1.1');
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('19.1.0');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('19.1.1');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}

package/package.json

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

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "19.1.0";
+export declare const VERSION = "19.1.1";

package/schematics/version.js

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

package/tabs/tabs.component.d.ts

@@ -45,8 +45,8 @@ export declare class ThyTabs implements OnInit, AfterContentInit {
      * 响应式，自动计算宽度存放 thyNavItem，并添加更多弹框
      */
     readonly thyResponsive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    activeTabIndex: number;
-    activeTabId: string;
+    readonly activeTabIndex: import("@angular/core").WritableSignal<number>;
+    readonly activeTabId: import("@angular/core").WritableSignal<ThyActiveTabInfo>;
     transitionStarted: boolean;
     constructor();
     ngOnInit(): void;