ngx-tethys 21.0.8 → 21.0.9

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.
 
+## [21.0.9](github.com/atinc/ngx-tethys/compare/21.0.8...21.0.9) (2026-08-21)
+
+
+### Bug Fixes
+
+* **date-picker:** sync mustShowTime when show time picker in directive #TINFR-3806 ([#3843](/github.com/atinc/ngx-tethys/issues/3843)) ([5d8b7f7](github.com/atinc/ngx-tethys/commits/5d8b7f7ed1ecc3e53e037bc65a83eba3f2a3923c)), closes [#TINFR-3806](github.com/atinc/ngx-tethys/issues/TINFR-3806)
+* **layout:** fix sidebar style error ([615e9e8](github.com/atinc/ngx-tethys/commits/615e9e8db7b4bd7684fd87e2991e21308ab974eb))
+
+
+### Features
+
+* **tag:** add subtle to thyAppearance #TINFR-3835 ([#3850](/github.com/atinc/ngx-tethys/issues/3850)) ([83b5a0a](github.com/atinc/ngx-tethys/commits/83b5a0a12e7c5e6f810363237d5bf761fd05dca2)), closes [#TINFR-3835](github.com/atinc/ngx-tethys/issues/TINFR-3835)
+* **tag:** add thyAppearance instead of thyTheme #TINFR-3826 ([#3846](/github.com/atinc/ngx-tethys/issues/3846)) ([f81aa8e](github.com/atinc/ngx-tethys/commits/f81aa8ed227b277ce610a018b7af659c55f2c9b2)), closes [#TINFR-3826](github.com/atinc/ngx-tethys/issues/TINFR-3826)
+
 ## [21.0.8](github.com/atinc/ngx-tethys/compare/21.0.7...21.0.8) (2026-08-14)
 
 

package/action/styles/action.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '../../styles/mixins/hover.scss';
 @use '../../styles/bootstrap/functions-variables';
 @use '../../styles/variables.scss';
@@ -68,8 +69,12 @@
 @each $color, $value in functions-variables.$theme-colors {
     // 默认就是 Primary 无需设置样式，避免覆写 $action-hover-bg-color 颜色失效
     @if $color != 'primary' {
+        $subtle: map.get(variables.$theme-colors-subtle, $color);
+        @if not $subtle {
+            $subtle: rgba($value, 0.1);
+        }
         .action-#{$color} {
-            @include action-mixin.action-variant(variables.$action-color, $value, rgba($value, 0.1));
+            @include action-mixin.action-variant(variables.$action-color, $value, $subtle);
         }
     }
 }

package/alert/styles/alert.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../../styles/bootstrap/functions";
 @use "../../styles/bootstrap/functions-variables";
 @use "../../styles/bootstrap/mixins/border-radius";
@@ -101,7 +102,11 @@
 
 @each $color, $value in functions-variables.$theme-colors {
     .thy-alert-fill-#{$color} {
-        @include mixin.thy-alert-variant(functions.theme-color($color));
+        $subtle: map.get(variables.$theme-colors-subtle, $color);
+        @if not $subtle {
+            $subtle: rgba($value, 0.1);
+        }
+        @include mixin.thy-alert-variant(functions.theme-color($color), $subtle);
     }
 
     .thy-alert-bordered-#{$color} {

package/alert/styles/mixin.scss

@@ -10,9 +10,9 @@
     }
 }
 
-@mixin thy-alert-variant($color) {
+@mixin thy-alert-variant($color, $subtle: rgba($color, 0.1)) {
     color: variables.$gray-700;
-    @include gradients.gradient-bg(rgba($color, 0.1));
+    @include gradients.gradient-bg($subtle);
     border-color: $color;
     @include thy-alert-inner($color);
 }

package/cascader/styles/cascader.scss

@@ -89,7 +89,7 @@ $cascader-menu-min-width: 122px;
         &-active:not(&-disabled) {
             &,
             &:hover {
-                background: rgba(variables.$primary, 0.1);
+                background: variables.$primary-subtle;
                 color: variables.$primary;
             }
         }
@@ -160,7 +160,7 @@ $cascader-menu-min-width: 122px;
             background-color: variables.$dropdown-menu-item-hover-bg;
         }
         &.active:not(.multiple) {
-            background: rgba(variables.$primary, 0.1);
+            background: variables.$primary-subtle;
             color: variables.$primary;
         }
         // 覆盖 thyFlexibleText 默认样式使其垂直居中

package/cascader/styles/theme.scss

@@ -14,7 +14,7 @@
         &-active:not(&-disabled) {
             &,
             &:hover {
-                background: rgba($primary, .1);
+                background: $primary-subtle;
                 color: $primary;
             }
 

package/dropdown/styles/dropdown.scss

@@ -41,7 +41,7 @@
         }
 
         &:not(.dropdown-menu-item--disabled).active {
-            background-color: rgba(variables.$primary, 0.1);
+            background-color: variables.$primary-subtle;
             &:not(.dropdown-submenu) {
                 color: variables.$dropdown-menu-item-hover-color;
             }

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

@@ -3660,6 +3660,7 @@ class PickerDirective extends AbstractPickerComponent {
         }, this.thyPopoverOptions()));
         if (popoverRef) {
             const componentInstance = popoverRef.componentInstance;
+            this.datePopupRef = popoverRef.containerInstance.portalOutlet.attachedRef;
             if (this.valueChangeSubscription) {
                 this.valueChangeSubscription.unsubscribe();
             }
@@ -3690,7 +3691,10 @@ class PickerDirective extends AbstractPickerComponent {
             popoverRef
                 .afterClosed()
                 .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe(() => this.thyOpenChange.emit(false));
+                .subscribe(() => {
+                this.datePopupRef = undefined;
+                this.thyOpenChange.emit(false);
+            });
         }
     }
     closeOverlay() {
@@ -3729,6 +3733,7 @@ class PickerDirective extends AbstractPickerComponent {
     }
     onShowTimePickerChange(show) {
         this.withTime = show;
+        this.datePopupRef?.setInput('mustShowTime', show);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PickerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: PickerDirective, isStandalone: true, inputs: { thyDateRender: { classPropertyName: "thyDateRender", publicName: "thyDateRender", isSignal: true, isRequired: false, transformFunction: null }, thyPlacement: { classPropertyName: "thyPlacement", publicName: "thyPlacement", isSignal: true, isRequired: false, transformFunction: null }, thyOffset: { classPropertyName: "thyOffset", publicName: "thyOffset", isSignal: true, isRequired: false, transformFunction: null }, thyHasBackdrop: { classPropertyName: "thyHasBackdrop", publicName: "thyHasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, thyPopoverOptions: { classPropertyName: "thyPopoverOptions", publicName: "thyPopoverOptions", isSignal: true, isRequired: false, transformFunction: null }, thyStopPropagation: { classPropertyName: "thyStopPropagation", publicName: "thyStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnPanelChange: "thyOnPanelChange", thyOnCalendarChange: "thyOnCalendarChange" }, usesInheritance: true, ngImport: i0 }); }