ngx-tethys 18.1.1 → 18.2.0-next.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 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.
 
+# [18.2.0-next.1](https://github.com/atinc/ngx-tethys/compare/18.2.0-next.0...18.2.0-next.1) (2024-11-21)
+
+
+### Features
+
+* **autocomplete:** support i18n #TINFR-1020 ([#3259](https://github.com/atinc/ngx-tethys/issues/3259)) ([30c7927](https://github.com/atinc/ngx-tethys/commit/30c7927865eebff3d89a33e2fedf8df7a83a2b51)), closes [#TINFR-1020](https://github.com/atinc/ngx-tethys/issues/TINFR-1020)
+* **calendar:** support i18n #TINFR-962 ([#3244](https://github.com/atinc/ngx-tethys/issues/3244)) ([4cac6df](https://github.com/atinc/ngx-tethys/commit/4cac6df016b12dc57ed3bed5f3c9090060ffa007)), closes [#TINFR-962](https://github.com/atinc/ngx-tethys/issues/TINFR-962)
+* **cascader:** support i18n #TINFR-967 ([#3248](https://github.com/atinc/ngx-tethys/issues/3248)) ([fc5fa48](https://github.com/atinc/ngx-tethys/commit/fc5fa485d9e4cefd495f89779baf52afdcde733f)), closes [#TINFR-967](https://github.com/atinc/ngx-tethys/issues/TINFR-967)
+* **colorPicker:** support i18n #TINFR-965 ([#3246](https://github.com/atinc/ngx-tethys/issues/3246)) ([3b23810](https://github.com/atinc/ngx-tethys/commit/3b238103a23e26000ee20a2e0ad021df34d542a2)), closes [#TINFR-965](https://github.com/atinc/ngx-tethys/issues/TINFR-965)
+* **copy:** support i18n #TINFR-961 ([#3243](https://github.com/atinc/ngx-tethys/issues/3243)) ([f648460](https://github.com/atinc/ngx-tethys/commit/f6484600a99151b862b118b4b15e6d0818277364)), closes [#TINFR-961](https://github.com/atinc/ngx-tethys/issues/TINFR-961)
+* **date-picker:** support i18n #TINFR-917 ([#3254](https://github.com/atinc/ngx-tethys/issues/3254)) ([5928b79](https://github.com/atinc/ngx-tethys/commit/5928b790adc5e38cdb6d2037eb59cfd0c9b85804)), closes [#TINFR-917](https://github.com/atinc/ngx-tethys/issues/TINFR-917)
+* **date-range:** support i18n #TINFR-968 ([#3256](https://github.com/atinc/ngx-tethys/issues/3256)) ([f6bd62e](https://github.com/atinc/ngx-tethys/commit/f6bd62e465c28cba57205ba5a773b6df6f7c579c)), closes [#TINFR-968](https://github.com/atinc/ngx-tethys/issues/TINFR-968)
+* **dialog:** support i18n #TINFR-973 ([#3266](https://github.com/atinc/ngx-tethys/issues/3266)) ([194f20b](https://github.com/atinc/ngx-tethys/commit/194f20b4ccd1f936767f0ee1ba497fd13a403769)), closes [#TINFR-973](https://github.com/atinc/ngx-tethys/issues/TINFR-973)
+* **empty:** support i18n #TINFR-972 ([#3262](https://github.com/atinc/ngx-tethys/issues/3262)) ([310a686](https://github.com/atinc/ngx-tethys/commit/310a686ed83192b70660a4127bf20b08e7890349)), closes [#TINFR-972](https://github.com/atinc/ngx-tethys/issues/TINFR-972)
+* **form:** support i18n #TINFR-970 ([#3255](https://github.com/atinc/ngx-tethys/issues/3255)) ([29c82b1](https://github.com/atinc/ngx-tethys/commit/29c82b18656da38c8bca23d3d37a0e2f2c860e1e)), closes [#TINFR-970](https://github.com/atinc/ngx-tethys/issues/TINFR-970)
+* **guider:** support i18n #TINFR-960 ([#3245](https://github.com/atinc/ngx-tethys/issues/3245)) ([c6ad04b](https://github.com/atinc/ngx-tethys/commit/c6ad04b529449cba359108bf84ed40a017fdb6c4)), closes [#TINFR-960](https://github.com/atinc/ngx-tethys/issues/TINFR-960)
+* **i18n:** i18n design and review #TINFR-916  ([#3242](https://github.com/atinc/ngx-tethys/issues/3242)) ([f829685](https://github.com/atinc/ngx-tethys/commit/f829685f61a850eb19fdd0be2f868a0e896779cb)), closes [#TINFR-916](https://github.com/atinc/ngx-tethys/issues/TINFR-916)
+* **pagination:** support i18n #TINFR-969 ([#3252](https://github.com/atinc/ngx-tethys/issues/3252)) ([60518c4](https://github.com/atinc/ngx-tethys/commit/60518c43a365601c5987edbc89c7dc980d9c65a5)), closes [#TINFR-969](https://github.com/atinc/ngx-tethys/issues/TINFR-969)
+* **select:** support i18n #TINFR-963 ([#3250](https://github.com/atinc/ngx-tethys/issues/3250)) ([794c6ac](https://github.com/atinc/ngx-tethys/commit/794c6ac23e2bd84aaf0d729837b46e3e68774aa9)), closes [#TINFR-963](https://github.com/atinc/ngx-tethys/issues/TINFR-963)
+* **strength:** support i18n #TINFR-971 ([#3251](https://github.com/atinc/ngx-tethys/issues/3251)) ([5260729](https://github.com/atinc/ngx-tethys/commit/5260729a0721d4fb965c576c404a9dc7695c4aa7)), closes [#TINFR-971](https://github.com/atinc/ngx-tethys/issues/TINFR-971)
+* **time-picker:** support i18n #TINFR-1001 ([#3247](https://github.com/atinc/ngx-tethys/issues/3247)) ([5c05293](https://github.com/atinc/ngx-tethys/commit/5c05293706fcfc5f7af5433171f8601c9373f816)), closes [#TINFR-1001](https://github.com/atinc/ngx-tethys/issues/TINFR-1001)
+* **tree-select:** support i18n #TINFR-964 ([#3249](https://github.com/atinc/ngx-tethys/issues/3249)) ([8728887](https://github.com/atinc/ngx-tethys/commit/8728887bf238dc1c12ae3c1f5b216bd4818206f1)), closes [#TINFR-964](https://github.com/atinc/ngx-tethys/issues/TINFR-964)
+
+
+
 ## [18.1.1](https://github.com/atinc/ngx-tethys/compare/18.1.0...18.1.1) (2024-11-20)
 
 
@@ -17,6 +42,17 @@ All notable changes to this project will be documented in this file. See [commit
 
 
 
+# [18.2.0-next.0](https://github.com/atinc/ngx-tethys/compare/18.1.0...18.2.0-next.0) (2024-11-14)
+
+
+### Features
+
+* **core:** support projectableNodes for ThyAbstractOverlayConfig and rename ThyStealthViewDirective to ThyStealthView #TINFR-651 ([#3230](https://github.com/atinc/ngx-tethys/issues/3230)) ([f838b96](https://github.com/atinc/ngx-tethys/commit/f838b967ae2066790617f1ace6729d4ea4025369)), closes [#TINFR-651](https://github.com/atinc/ngx-tethys/issues/TINFR-651)
+* **drag-drop:** mark drag-drop as deprecated #TINFR-438 ([#3231](https://github.com/atinc/ngx-tethys/issues/3231)) ([7497858](https://github.com/atinc/ngx-tethys/commit/7497858e449a5d217c3117432db3648f27766e52)), closes [#TINFR-438](https://github.com/atinc/ngx-tethys/issues/TINFR-438)
+* support dark theme for all components #TINFR-950 ([#3238](https://github.com/atinc/ngx-tethys/issues/3238)) ([0f325bb](https://github.com/atinc/ngx-tethys/commit/0f325bb330ffc5586c5c99bdaf98011cb1ced61a)), closes [#TINFR-950](https://github.com/atinc/ngx-tethys/issues/TINFR-950)
+
+
+
 # [18.1.0](https://github.com/atinc/ngx-tethys/compare/18.1.0-next.1...18.1.0) (2024-10-31)
 
 

package/alert/styles/mixin.scss

@@ -19,7 +19,7 @@
 
 @mixin thy-alert-bordered-variant($color) {
     color: variables.$gray-600;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-color: variables.$gray-200 variables.$gray-200 variables.$gray-200 $color;
     border-left-width: 2px;
     @include thy-alert-inner($color);

package/anchor/style/anchor.scss

@@ -10,7 +10,7 @@ $anchor-border-width: 2px;
         margin-block-start: -4px;
         padding-block-start: 4px;
         overflow: auto;
-        background-color: variables.$white;
+        background-color: variables.$bg-default;
 
         &:not(&-horizontal) {
             .thy-anchor {
@@ -69,7 +69,9 @@ $anchor-border-width: 2px;
                         position: absolute;
                         bottom: 0;
                         border-top: $anchor-border-width solid variables.$primary;
-                        transition: left 0.2s ease-in-out, width 0.2s ease-in-out;
+                        transition:
+                            left 0.2s ease-in-out,
+                            width 0.2s ease-in-out;
                     }
                 }
                 &-link {

package/autocomplete/autocomplete.component.d.ts

@@ -19,6 +19,7 @@ export declare class ThyAutocomplete implements IThyOptionParentComponent, OnIni
     private ngZone;
     private changeDetectorRef;
     private ngUnsubscribe$;
+    private locale;
     dropDownClass: {
         [key: string]: boolean;
     };
@@ -38,7 +39,7 @@ export declare class ThyAutocomplete implements IThyOptionParentComponent, OnIni
     readonly optionSelectionChanges: Observable<ThyOptionSelectionChangeEvent>;
     /**
      * 空选项时的文本
-     * @type string
+     * @default 没有任何数据
      */
     thyEmptyText: string;
     /**

package/avatar/styles/avatar.scss

@@ -49,7 +49,7 @@
         justify-content: center;
         align-items: center;
         &-icon {
-            color: variables.$gray-100;
+            color: variables.$avatar-disabled-color;
         }
     }
 }

package/back-top/styles/back-top.scss

@@ -20,15 +20,15 @@ $back-top-width: 36px;
         width: $back-top-width;
         height: $back-top-width;
         overflow: hidden;
-        background-color: variables.$white;
+        background-color: variables.$bg-float;
         border-radius: 50%;
         transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        box-shadow: variables.$float-btn-box-shadow;
         display: flex;
         align-items: center;
         justify-content: center;
         &:hover {
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+            box-shadow: variables.$float-btn-hover-box-shadow;
         }
     }
 }

package/button/styles/button-group.scss

@@ -1,11 +1,11 @@
-@use "../../styles/bootstrap/mixins/border-radius";
-@use "../../styles/mixins/hover";
-@use "../../styles/bootstrap/functions-variables";
-@use "../../styles/bootstrap/variables" as bootstrap-variables;
-@use "../../styles/mixins/shadow";
-@use "../../styles/variables";
-@use "./button.scss";
-@use "mixin";
+@use '../../styles/bootstrap/mixins/border-radius';
+@use '../../styles/mixins/hover';
+@use '../../styles/bootstrap/functions-variables';
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/shadow';
+@use '../../styles/variables';
+@use './button.scss';
+@use 'mixin';
 // stylelint-disable selector-no-qualifying-type
 
 // Make the div behave like a button
@@ -162,7 +162,7 @@
 // The clickable button for toggling the menu
 // Set the same inset shadow as the :active state
 .btn-group.show .dropdown-toggle {
-    @include shadow.box-shadow(bootstrap-variables.$btn-active-box-shadow);
+    @include shadow.box-shadow(variables.$btn-active-box-shadow);
 
     // Show no shadow for `.btn-link` since it has no other button styles.
     &.btn-link {

package/button/styles/button.scss

@@ -52,7 +52,7 @@
 
     &:focus,
     &.focus {
-        outline: 0; // box-shadow: $btn-focus-box-shadow;
+        outline: 0;
     }
 
     // Disabled comes first so active can properly restyle
@@ -73,10 +73,6 @@
     &:not(:disabled):not(.disabled):active,
     &:not(:disabled):not(.disabled).active {
         background-image: none;
-        // @include box-shadow($btn-active-box-shadow);
-        // &:focus {
-        //     @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
-        // }
     }
 
     &:not(:disabled):not(.disabled).loading {
@@ -206,7 +202,7 @@ fieldset:disabled a.btn {
     &.focus {
         text-decoration: variables.$link-hover-decoration;
         border-color: transparent;
-        box-shadow: none;
+        box-shadow: variables.$box-shadow-none;
     }
 
     &.disabled,

package/button/styles/mixin.scss

@@ -1,9 +1,9 @@
-@use "sass:color";
-@use "../../styles/bootstrap/mixins/gradients";
-@use "../../styles/mixins/hover";
-@use "../../styles/bootstrap/variables" as bootstrap-variables;
-@use "../../styles/mixins/shadow";
-@use "../../styles/variables";
+@use 'sass:color';
+@use '../../styles/bootstrap/mixins/gradients';
+@use '../../styles/mixins/hover';
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/shadow';
+@use '../../styles/variables';
 
 // Button variants
 //
@@ -19,27 +19,15 @@
     $active-background: color.adjust($background, $lightness: -10%),
     $active-border: color.adjust($border, $lightness: -12.5%)
 ) {
-    // color: color-yiq($background);
     color: $color;
     @include gradients.gradient-bg($background);
     border-color: $border;
     @include hover.hover {
-        // color: color-yiq($hover-background);
         color: $hover-color;
         @include gradients.gradient-bg($hover-background);
         border-color: $hover-border;
         @include shadow.box-shadow(variables.$btn-box-shadow);
     }
-    &:focus,
-    &.focus {
-        // Avoid using mixin so we can pass custom focus shadow properly
-        // @if $enable-shadows {
-        //     box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-        // }
-        // @else {
-        //     box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-        // }
-    } // Disabled comes first so active can properly restyle
     &.disabled,
     &:disabled {
         &:hover {
@@ -47,25 +35,6 @@
         }
         @include button-disabled(variables.$btn-disabled-border-color);
     }
-    &:not(:disabled):not(.disabled):active,
-    &:not(:disabled):not(.disabled).active,
-    .show > &.dropdown-toggle {
-        // color: color-yiq($active-background);
-        // background-color: $active-background;
-        // @if $enable-gradients {
-        //     background-image: none; // Remove the gradient for the pressed/active state
-        // }
-        // border-color: $active-border;
-        &:focus {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            // @if $enable-shadows {
-            //     box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-            // }
-            // @else {
-            //     box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-            // }
-        }
-    }
 }
 
 @mixin button-outline-variant($color, $border-color, $hover-color, $hover-background, $hover-border, $active-background, $active-border) {
@@ -78,10 +47,6 @@
         background-color: $hover-background;
         border-color: $hover-border;
     }
-    &:focus,
-    &.focus {
-        // box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-    }
     &.disabled,
     &:disabled {
         &:hover {
@@ -95,15 +60,6 @@
         color: $hover-color;
         background-color: $active-background;
         border-color: $active-border;
-        &:focus {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            // @if $enable-shadows and $btn-active-box-shadow !=none {
-            //     box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
-            // }
-            // @else {
-            //     box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-            // }
-        }
     }
 }
 
@@ -131,7 +87,6 @@
 
 @mixin button-hover-box-shadow($color) {
     &:hover {
-        // lighten($primary-active-theme, 15%)
         @include shadow.box-shadow(0px 2px 5px 1px rgba($color, 0.6));
     }
 }
@@ -141,8 +96,6 @@
         color: variables.$btn-disabled-color;
         background-color: variables.$btn-disabled-bg-color;
         border-color: $color;
-        // border-color: $btn-disabled-border-color;
-        // border: none;
     }
 
     @include shadow.box-shadow(none);

package/calendar/calendar-header.component.d.ts

@@ -9,6 +9,8 @@ import * as i0 from "@angular/core";
  */
 export declare class ThyCalendarHeader implements OnInit {
     private cdr;
+    private dateHelper;
+    private locale;
     className: boolean;
     /**
      * 当前选中日期

package/calendar/styles/calendar.scss

@@ -1,4 +1,4 @@
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 $calendar-full-prefix-cls: 'thy-calendar-full';
 
@@ -24,8 +24,8 @@ $calendar-full-prefix-cls: 'thy-calendar-full';
             position: absolute;
             top: 0;
             left: 0;
-            box-shadow: 0 0 20px 0 rgba(variables.$black, 0.12);
-            background: variables.$white;
+            box-shadow: variables.$calendar-active-box-shadow;
+            background: variables.$bg-default;
             width: 100%;
             min-height: 100%;
             z-index: 2;
@@ -52,14 +52,6 @@ $calendar-full-prefix-cls: 'thy-calendar-full';
             font-weight: 400;
         }
 
-        .#{$calendar-full-prefix-cls}-selected-day {
-            // background: $gray-80;
-            // border-color: $primary;
-        }
-
-        .#{$calendar-full-prefix-cls}-date-value-text {
-        }
-
         .#{$calendar-full-prefix-cls}-today {
             .#{$calendar-full-prefix-cls}-date-value-today-text {
                 width: 24px;

package/card/styles/card.scss

@@ -1,10 +1,10 @@
-@use "../../styles/variables";
-@use "mixin";
+@use '../../styles/variables';
+@use 'mixin';
 
 .thy-card {
     display: flex;
     flex-direction: column;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-radius: variables.$card-border-radius;
 
     .thy-card-header {

package/carousel/styles/carousel.scss

@@ -1,11 +1,11 @@
 @use '../../styles/variables';
-@use './variables' as vars;
 
-#{vars.$carousel-prefix-cls} {
+$carousel-prefix-cls: 'thy-carousel';
+
+#{$carousel-prefix-cls} {
     margin-left: auto;
     margin-right: auto;
     position: relative;
-    //overflow: hidden;
     padding: 0;
     z-index: 1;
     .thy-carousel-initialized {
@@ -62,16 +62,16 @@
             cursor: variables.$hand-cursor;
             &:hover {
                 thy-dot {
-                    opacity: 1;
+                    border-color: variables.$white;
                 }
             }
             thy-dot {
                 transition: 0.3s opacity;
-                color: variables.$white;
-                opacity: 0.5;
+                border-color: variables.$carousel-dot-bg-color;
+
                 &:hover,
                 &.active {
-                    opacity: 1;
+                    border-color: variables.$white;
                 }
             }
         }
@@ -82,13 +82,13 @@
         transform: translateY(-50%);
         z-index: 200;
         cursor: variables.$hand-cursor;
-        color: variables.$gray-70;
+        color: variables.$white;
         user-select: none;
         overflow: hidden;
         width: 32px;
         height: 32px;
         transition: 0.3s background;
-        background: rgba(vars.$carousel-control-default-bg, 0.3);
+        background: variables.$carousel-control-bg-color;
         border-radius: 50%;
         thy-icon {
             position: absolute;
@@ -99,7 +99,7 @@
             font-size: 22px;
         }
         &:hover {
-            background: rgba(vars.$carousel-control-default-bg, 0.6);
+            background: variables.$carousel-control-hover-bg-color;
         }
         &-pre {
             left: 12px;

package/cascader/cascader.component.d.ts

@@ -18,6 +18,7 @@ export declare class ThyCascader extends TabIndexDisabledControlValueAccessorMix
     private thyClickDispatcher;
     private ngZone;
     thyCascaderService: ThyCascaderService;
+    private locale;
     /**
      * 选项的实际值的属性名
      */

package/cascader/styles/cascader.scss

@@ -21,11 +21,12 @@ $cascader-menu-min-width: 122px;
     }
     &-menus {
         font-size: 14px;
-        background: variables.$white;
+        background: variables.$bg-panel;
         position: relative;
         z-index: 1050;
         border-radius: 4px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        border: 1px solid variables.$gray-200;
+        box-shadow: variables.$box-shadow;
         white-space: nowrap;
         margin-top: 4px;
         margin-bottom: 4px;

package/collapse/styles/collapse.scss

@@ -20,7 +20,9 @@ $thy-collapse-prefix-cls: 'thy-collapse';
             align-items: center;
             position: relative;
             cursor: variables.$hand-cursor;
-            transition: all 0.3s, visibility 0s;
+            transition:
+                all 0.3s,
+                visibility 0s;
             .#{$thy-collapse-prefix-cls}-title {
                 flex: 1;
                 font-size: variables.$collapse-header-font-size;
@@ -43,7 +45,7 @@ $thy-collapse-prefix-cls: 'thy-collapse';
         }
         .#{$thy-collapse-prefix-cls}-content {
             border-top: 1px solid variables.$gray-200;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
             &-box {
                 padding: 0px variables.$collapse-spacing-x (variables.$collapse-spacing-y + 4) variables.$collapse-spacing-x;
             }

package/color-picker/color-picker-panel.component.d.ts

@@ -1,6 +1,7 @@
-import { OnInit } from '@angular/core';
+import { OnInit, Signal } from '@angular/core';
 import { ThyPopoverRef } from 'ngx-tethys/popover';
 import { ThyColorPickerCustomPanel } from './color-picker-custom-panel.component';
+import { ThyColorPickerLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 /**
  * @internal
@@ -9,6 +10,7 @@ export declare class ThyColorPickerPanel implements OnInit {
     private thyPopover;
     private viewContainerRef;
     private thyPopoverRef;
+    locale: Signal<ThyColorPickerLocale>;
     className: boolean;
     color: string;
     colorChange: (color: string) => {};

package/color-picker/styles/alpha.scss

@@ -23,7 +23,7 @@
         transform: translateX(-4px);
         z-index: 2;
         border: 2px solid variables.$white;
-        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+        box-shadow: variables.$color-picker-pointer-box-shadow;
     }
     .gradient-color {
         position: absolute;

package/color-picker/styles/color-picker-panel.scss

@@ -23,7 +23,7 @@
         .color-block {
             width: 18px;
             height: 18px;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
             border: 1px solid rgba(238, 238, 238, 1);
             border-radius: 2px;
             position: relative;

package/color-picker/styles/hue.scss

@@ -40,6 +40,6 @@
         transform: translateX(-4px);
         z-index: 2;
         border: 2px solid variables.$white;
-        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+        box-shadow: variables.$color-picker-pointer-box-shadow;
     }
 }

package/color-picker/styles/saturation.scss

@@ -31,7 +31,7 @@
             left: 90%;
             margin: -7px 0 0 -7px;
             border: 3px solid variables.$white;
-            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+            box-shadow: variables.$color-picker-pointer-box-shadow;
         }
     }
 }

package/comment/styles/mixin.scss

@@ -13,7 +13,7 @@
     border: variables.$comment-actions-border;
     border-radius: variables.$comment-actions-border-radius;
     box-shadow: variables.$box-shadow;
-    background-color: variables.$white;
+    background-color: variables.$bg-panel;
     cursor: variables.$hand-cursor;
     display: inline-flex;
     visibility: hidden;

package/copy/copy.directive.d.ts

@@ -13,6 +13,7 @@ export declare class ThyCopyDirective implements OnInit, OnDestroy {
     private document;
     tooltipDirective: ThyTooltipDirective;
     private notifyService;
+    private locale;
     /**
      * 默认为点击标签，可传复制目标标签
      */

package/core/index.d.ts

@@ -5,6 +5,7 @@ export * from './event-dispatchers/index';
 export * from './request-animation';
 export * from './scroll';
 export * from './animation';
+export * from './theme';
 export * from './overlay/index';
 export * from './update-host-class.service';
 export * from './translate';

package/core/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './store';

package/core/theme/store.d.ts

@@ -0,0 +1,12 @@
+import { Signal } from '@angular/core';
+import { ThyTheme } from './theme';
+import * as i0 from "@angular/core";
+export declare class ThyThemeStore {
+    readonly theme: import("@angular/core").WritableSignal<ThyTheme>;
+    readonly isDark: Signal<boolean>;
+    constructor();
+    setTheme(theme: ThyTheme): void;
+    normalizeColor(color: string | string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyThemeStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThyThemeStore>;
+}

package/core/theme/theme.d.ts

@@ -0,0 +1,5 @@
+export declare const enum ThyTheme {
+    light = "light",
+    dark = "dark",
+    system = "system"
+}

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

@@ -1,17 +1,19 @@
 import { TabIndexDisabledControlValueAccessorMixin } from 'ngx-tethys/core';
 import { TinyDate } from 'ngx-tethys/util';
 import { Subject } from 'rxjs';
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, Signal, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { CompatibleValue, RangeAdvancedValue } from './inner-types';
 import { ThyPicker } from './picker.component';
 import { CompatibleDate, DateEntry, DisabledDateFn, ThyDateRangeEntry, ThyPanelMode, ThyShortcutPosition, CompatiblePresets, ThyDateGranularity, ThyDateChangeEvent } from './standard-types';
+import { ThyDatePickerLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 /**
  * @private
  */
 export declare abstract class AbstractPickerComponent extends TabIndexDisabledControlValueAccessorMixin implements OnInit, OnChanges, OnDestroy, ControlValueAccessor {
     cdr: ChangeDetectorRef;
+    locale: Signal<ThyDatePickerLocale>;
     thyValue: CompatibleValue | null;
     _panelMode: ThyPanelMode;
     private datePickerConfigService;

package/date-picker/date-helper.service.d.ts

@@ -1,9 +1,12 @@
+import { Signal } from '@angular/core';
+import { ThyI18nLocale } from 'ngx-tethys/i18n';
 import * as i0 from "@angular/core";
 export declare function DATE_HELPER_SERVICE_FACTORY(): DateHelperService;
 /**
  * @private
  */
 export declare abstract class DateHelperService {
+    locale: Signal<ThyI18nLocale>;
     relyOnDatePipe: boolean;
     abstract getISOWeek(date: Date): number;
     abstract format(date: Date, formatStr: string): string;

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

@@ -1,6 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { WeekDayIndex } from 'ngx-tethys/util';
 import { CompatiblePresets, ThyShortcutPosition } from './standard-types';
+import { ThyI18nService } from 'ngx-tethys/i18n';
 export interface ThyDatePickerConfig {
     shortcutPosition: ThyShortcutPosition;
     shortcutDatePresets: CompatiblePresets;
@@ -9,9 +10,14 @@ export interface ThyDatePickerConfig {
     weekStartsOn: WeekDayIndex;
     timestampPrecision: 'seconds' | 'milliseconds';
 }
+/**
+ * @deprecated
+ */
 export declare const DEFAULT_DATE_PICKER_CONFIG: ThyDatePickerConfig;
 export declare const THY_DATE_PICKER_CONFIG: InjectionToken<ThyDatePickerConfig>;
+export declare function useDatePickerDefaultConfig(): ThyDatePickerConfig;
 export declare const THY_DATE_PICKER_CONFIG_PROVIDER: {
     provide: InjectionToken<ThyDatePickerConfig>;
-    useValue: ThyDatePickerConfig;
+    useFactory: typeof useDatePickerDefaultConfig;
+    deps: (typeof ThyI18nService)[];
 };