@alauda/ui 6.0.4-beta.7 → 6.0.4-beta.8

package/bundles/alauda-ui.umd.js

@@ -8023,6 +8023,7 @@
         { type: TabContextService }
     ]; };
     TabComponent.propDecorators = {
+        name: [{ type: i0.Input }],
         textLabel: [{ type: i0.Input, args: ['label',] }],
         closeable: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }],
@@ -8048,15 +8049,17 @@
             this._tabsSubscription = rxjs.Subscription.EMPTY;
             /** Subscription to changes in the tab labels. */
             this._tabLabelSubscription = rxjs.Subscription.EMPTY;
+            this._selectedIndex = null;
+            this._tab = null;
             this._type = TabType.Line;
             this._size = TabSize.Medium;
             /** Emits whenever the type changes */
             this._typeChange = new rxjs.Subject();
             /** Emits whenever the size changes */
             this._sizeChange = new rxjs.Subject();
-            this._selectedIndex = null;
             /** Output to enable support for two-way binding on `[(selectedIndex)]` */
             this.selectedIndexChange = new i0.EventEmitter();
+            this.tabChange = new i0.EventEmitter();
             /** Event emitted when the tab selection has changed. */
             this.selectedTabChange = new i0.EventEmitter(true);
             /** Event emitted when focus has changed within a tab group. */
@@ -8075,6 +8078,21 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TabGroupComponent.prototype, "tab", {
+            get: function () {
+                return this._tab;
+            },
+            set: function (value) {
+                this.selectedIndex = this._tabs
+                    .toArray()
+                    .findIndex(function (_b) {
+                    var name = _b.name;
+                    return name === value;
+                });
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TabGroupComponent.prototype, "type", {
             get: function () {
                 return this._type;
@@ -8152,7 +8170,10 @@
                 this.selectedTabChange.emit(tabChangeEvent);
                 // Emitting this value after change detection has run
                 // since the checked content may contain this variable'
-                Promise.resolve().then(function () { return _this.selectedIndexChange.emit(indexToSelect); });
+                Promise.resolve().then(function () {
+                    _this.selectedIndexChange.emit(indexToSelect);
+                    _this.tabChange.emit(_this._tabs.get(indexToSelect).name);
+                });
             }
             // Setup the position for each tab and optionally setup an origin on the next selected tab.
             this._tabs.forEach(function (tab, index) {
@@ -8309,11 +8330,13 @@
         _tabHeader: [{ type: i0.ViewChild, args: [TabHeaderComponent, { static: false },] }],
         _tabTitle: [{ type: i0.ContentChild, args: [TabTitleDirective, { static: false },] }],
         selectedIndex: [{ type: i0.Input }],
+        tab: [{ type: i0.Input }],
         type: [{ type: i0.Input }],
         title: [{ type: i0.Input }],
         size: [{ type: i0.Input }],
         lazy: [{ type: i0.Input }],
         selectedIndexChange: [{ type: i0.Output }],
+        tabChange: [{ type: i0.Output }],
         selectedTabChange: [{ type: i0.Output }],
         focusChange: [{ type: i0.Output }]
     };