ngx-tethys 18.0.0-next.2 → 18.0.1

package/CHANGELOG.md

@@ -2,10 +2,43 @@
 
 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.0.1](https://github.com/atinc/ngx-tethys/compare/18.0.0...18.0.1) (2024-08-26)
+
+
+### Bug Fixes
+
+* **date-picker:** thy-date-picker 当可以设置具体时间时，点击选择日期弹窗后，input框active样式丢失 #TINFR-66 ([#3161](https://github.com/atinc/ngx-tethys/issues/3161)) ([4e617af](https://github.com/atinc/ngx-tethys/commit/4e617af482b880ac709f8f25bb355f0ba8783507)), closes [#TINFR-66](https://github.com/atinc/ngx-tethys/issues/TINFR-66)
+* fix ([622a06b](https://github.com/atinc/ngx-tethys/commit/622a06b153cdff344e624e3e1214d17cf342e12a))
+* fix ([a505790](https://github.com/atinc/ngx-tethys/commit/a505790496d6599431e9aebd236db7f325ca5057))
+* fix ([12f0270](https://github.com/atinc/ngx-tethys/commit/12f027096eda94115169ac161399e6c11cfd9a54))
+* **pagination:** fix thyRangeCount is even numbers show error #TINFR-29 ([3a12c49](https://github.com/atinc/ngx-tethys/commit/3a12c4907055b85994ada9fbd6ae10a4651e4525)), closes [#TINFR-29](https://github.com/atinc/ngx-tethys/issues/TINFR-29)
+* **treeSelect:** #TINFR-403 set margin-left to 20px when no grouping & between icon and text to 8px ([#3156](https://github.com/atinc/ngx-tethys/issues/3156)) ([b04964e](https://github.com/atinc/ngx-tethys/commit/b04964ebe1c4e3a78f7b1ea5f51261dfd8da1420)), closes [#TINFR-403](https://github.com/atinc/ngx-tethys/issues/TINFR-403) [#TINFR-403](https://github.com/atinc/ngx-tethys/issues/TINFR-403) [#TINFR-403](https://github.com/atinc/ngx-tethys/issues/TINFR-403)
+
+
+### Features
+
+* **cascader:** show active style only in activatedOptions #TINFR-18 ([#3159](https://github.com/atinc/ngx-tethys/issues/3159)) ([6467080](https://github.com/atinc/ngx-tethys/commit/64670806d938a4f9c79c727cd80a7922447db5ef)), closes [#TINFR-18](https://github.com/atinc/ngx-tethys/issues/TINFR-18)
+* **color-picker:** hex column does not show alpha value #TINFR-62 ([#3158](https://github.com/atinc/ngx-tethys/issues/3158)) ([8e23b73](https://github.com/atinc/ngx-tethys/commit/8e23b73b916d862c774b24a9d2db7b8c0c673f96)), closes [#TINFR-62](https://github.com/atinc/ngx-tethys/issues/TINFR-62)
+* **tree-select:** handle tree select overlay width show ellipsis when text exceed (#TINFR-27) ([#3157](https://github.com/atinc/ngx-tethys/issues/3157)) ([a08c660](https://github.com/atinc/ngx-tethys/commit/a08c660eda187ac8df3cd7722a8d7f638772f201)), closes [#TINFR-27](https://github.com/atinc/ngx-tethys/issues/TINFR-27)
+* **tree-select:** handle tree select style ([#3171](https://github.com/atinc/ngx-tethys/issues/3171)) ([3c8692b](https://github.com/atinc/ngx-tethys/commit/3c8692b09b657516e7a00a48c52b096773f552c2))
+
+
+
+# [18.0.0](https://github.com/atinc/ngx-tethys/compare/17.0.19...18.0.0) (2024-08-15)
+
+
+### Features
+
+* **cascader:** cascader and select support xs size  #TINFR-89 ([#3146](https://github.com/atinc/ngx-tethys/issues/3146)) ([e0701c3](https://github.com/atinc/ngx-tethys/commit/e0701c37b8b7998dc5fbed18e8b12c3bc2ad2730)), closes [#TINFR-89](https://github.com/atinc/ngx-tethys/issues/TINFR-89)
+* **notify:** support newline for detail #TINFR-379 ([0315dec](https://github.com/atinc/ngx-tethys/commit/0315dec7085a7b49166c0b41b6c60e11d8b5330d)), closes [#TINFR-379](https://github.com/atinc/ngx-tethys/issues/TINFR-379)
+
+
+
 # [18.0.0-next.2](https://github.com/atinc/ngx-tethys/compare/18.0.0-next.1...18.0.0-next.2) (2024-08-14)
 
 
 
+
 # [18.0.0-next.1](https://github.com/atinc/ngx-tethys/compare/17.0.17...18.0.0-next.1) (2024-08-01)
 
 
@@ -20,27 +53,38 @@ All notable changes to this project will be documented in this file. See [commit
 
 
 
+
 # [18.0.0-next.0](https://github.com/atinc/ngx-tethys/compare/17.0.6...18.0.0-next.0) (2024-05-24)
+### Features
+
+* upgrade ng to 18 #INFR-12428 ([5e89bdb](https://github.com/atinc/ngx-tethys/commit/5e89bdbac4a0e5e7af4fe3cb8d8057ba120a6b7f)), closes [#INFR-12428](https://github.com/atinc/ngx-tethys/issues/INFR-12428)
+
+
+
+## [17.0.19](https://github.com/atinc/ngx-tethys/compare/17.0.18...17.0.19) (2024-08-14)
 
 
 ### Features
 
-* upgrade ng to 18 #INFR-12428 ([5e89bdb](https://github.com/atinc/ngx-tethys/commit/5e89bdbac4a0e5e7af4fe3cb8d8057ba120a6b7f)), closes [#INFR-12428](https://github.com/atinc/ngx-tethys/issues/INFR-12428)
+* **dropdown:** thyPopoverOptions support outsideClosable params ([#3144](https://github.com/atinc/ngx-tethys/issues/3144)) ([3fa855b](https://github.com/atinc/ngx-tethys/commit/3fa855b0c6417a7768aa37a5fa5b9c4f866380e3))
 
 
 
-# [18.0.0-next.0](https://github.com/atinc/ngx-tethys/compare/17.0.6...18.0.0-next.0) (2024-05-24)
+## [17.0.18](https://github.com/atinc/ngx-tethys/compare/17.0.17...17.0.18) (2024-08-13)
 
 
 ### Bug Fixes
 
-* **cascader:** remove divider when set thyCustomOptions to undefined #INFR-12299 ([#3085](https://github.com/atinc/ngx-tethys/issues/3085)) ([80813dd](https://github.com/atinc/ngx-tethys/commit/80813dd425695e88f040983ac0b2e5428c3889af)), closes [#INFR-12299](https://github.com/atinc/ngx-tethys/issues/INFR-12299)
+* **upload:** fileDrop support md type #FLW-17522 ([#3139](https://github.com/atinc/ngx-tethys/issues/3139)) ([6d8ed2c](https://github.com/atinc/ngx-tethys/commit/6d8ed2c63690ff38d1cfa80a9995bfa75f6916a6)), closes [#FLW-17522](https://github.com/atinc/ngx-tethys/issues/FLW-17522)
+* **upload:** support thyFilesSelect #TINFR-340 ([a8c93df](https://github.com/atinc/ngx-tethys/commit/a8c93df3410f14eed09127c405607fef84175a0f)), closes [#TINFR-340](https://github.com/atinc/ngx-tethys/issues/TINFR-340)
 
 
 ### Features
 
-* upgrade ng to 18 #INFR-12428 ([5e89bdb](https://github.com/atinc/ngx-tethys/commit/5e89bdbac4a0e5e7af4fe3cb8d8057ba120a6b7f)), closes [#INFR-12428](https://github.com/atinc/ngx-tethys/issues/INFR-12428)
-* **util:** remove deprecated for coerceBooleanProperty #INFR-12378 ([#3088](https://github.com/atinc/ngx-tethys/issues/3088)) ([921945a](https://github.com/atinc/ngx-tethys/commit/921945a5cd461ea31829aef9fac42eb4e3bf233f)), closes [#INFR-12378](https://github.com/atinc/ngx-tethys/issues/INFR-12378)
+* **cdk:** return Observable for execute of ActionBehavior ([d9fde11](https://github.com/atinc/ngx-tethys/commit/d9fde111128706af69621d64256e236dce42fa60))
+* **stepper:** stepper support completed icon and customer icon #INFR-11818 ([c84bbdb](https://github.com/atinc/ngx-tethys/commit/c84bbdb7c85df4dfe337e1570eb5514aad121f33)), closes [#INFR-11818](https://github.com/atinc/ngx-tethys/issues/INFR-11818)
+
+
 
 ## [17.0.17](https://github.com/atinc/ngx-tethys/compare/17.0.16...17.0.17) (2024-07-26)
 

package/action/styles/action.scss

@@ -10,6 +10,7 @@
     line-height: 1;
     position: relative;
     border-radius: variables.$border-radius;
+    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
 
     > span {
         color: variables.$gray-700;
@@ -61,7 +62,6 @@
         }
     }
 
-    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
     @include action-mixin.action-variant(variables.$action-color, variables.$action-hover-color, variables.$action-hover-bg-color);
 }
 

package/action/styles/mixin.scss

@@ -2,7 +2,9 @@
 @use '../../styles/variables.scss';
 
 @mixin action-variant($color, $hover-color, $hover-bg-color) {
-    color: $color;
+    & {
+        color: $color;
+    }
 
     @include hover.hover-active {
         &:not(.thy-action-has-feedback):not(.disabled) {
@@ -17,8 +19,11 @@
 }
 
 @mixin action-item-size($padding, $margin-right) {
-    padding: $padding;
-    margin-right: $margin-right;
+    & {
+        padding: $padding;
+        margin-right: $margin-right;
+    }
+
 
     &:last-child {
         margin-right: 0;

package/alert/styles/mixin.scss

@@ -1,14 +1,7 @@
-@use "sass:color";
-@use "../../styles/bootstrap/mixins/gradients";
-@use "../../styles/variables";
+@use '../../styles/bootstrap/mixins/gradients';
+@use '../../styles/variables';
 
 @mixin thy-alert-inner($color) {
-    hr {
-        border-top-color: color.adjust($color, $lightness: -5%);
-    }
-    .alert-link {
-        color: color.adjust($color, $lightness: -10%);
-    }
     .thy-alert-icon {
         color: $color;
     }
@@ -18,7 +11,7 @@
 }
 
 @mixin thy-alert-variant($color) {
-    color: rgba(variables.$black, 0.7);
+    color: variables.$gray-700;
     @include gradients.gradient-bg(rgba($color, 0.1));
     border-color: $color;
     @include thy-alert-inner($color);

package/back-top/examples/custom/custom.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 :host ::ng-deep .thy-back-top {
     bottom: 100px;
 }
@@ -8,7 +10,7 @@
     line-height: 36px;
     border-radius: 4px;
     background-color: #1088e9;
-    color: #fff;
+    color: variables2.$white;
     text-align: center;
     font-size: 20px;
 }

package/badge/examples/basic/basic.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 thy-badge {
     margin-right: 40px;
 }
@@ -5,5 +7,5 @@ thy-badge {
     width: 42px;
     height: 42px;
     border-radius: 5px;
-    background: #eee;
+    background: variables2.$gray-200;
 }

package/badge/examples/custom-color/custom-color.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 thy-badge {
     margin-right: 40px;
 }
@@ -5,5 +7,5 @@ thy-badge {
     width: 42px;
     height: 42px;
     border-radius: 5px;
-    background: #eee;
+    background: variables2.$gray-200;
 }

package/badge/examples/overflow/overflow.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 thy-badge {
     margin-right: 40px;
 }
@@ -5,5 +7,5 @@ thy-badge {
     width: 42px;
     height: 42px;
     border-radius: 5px;
-    background: #eee;
+    background: variables2.$gray-200;
 }

package/badge/examples/state-point/state-point.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 thy-badge {
     margin-right: 40px;
 }
@@ -5,5 +7,5 @@ thy-badge {
     width: 42px;
     height: 42px;
     border-radius: 5px;
-    background: #eee;
+    background: variables2.$gray-200;
 }

package/badge/examples/type/type.component.scss

@@ -1,3 +1,5 @@
+@use 'variables.scss' as variables2;
+
 thy-badge {
     margin-right: 40px;
 }
@@ -5,5 +7,5 @@ thy-badge {
     width: 42px;
     height: 42px;
     border-radius: 5px;
-    background: #eee;
+    background: variables2.$gray-200;
 }

package/badge/styles/badge.scss

@@ -93,8 +93,8 @@
         @include mixin.set-badge-color(variables.$gray-600, variables.$gray-400);
     }
     &.thy-badge-hollow {
-        @include mixin.set-badge-color(variables.$gray-600, variables.$gray-400);
         background-color: transparent;
+        @include mixin.set-badge-color(variables.$gray-600, variables.$gray-400);
     }
 }
 

package/badge/styles/mixin.scss

@@ -1,6 +1,5 @@
-@use "sass:color";
-@use "../../styles/bootstrap/functions";
-@use "../../styles/mixins/hover";
+@use '../../styles/bootstrap/functions';
+@use '../../styles/mixins/hover';
 
 @mixin set-badge-color($color, $badge-bg) {
     color: $color;
@@ -20,16 +19,3 @@
     font-size: $font-size;
     padding: 0px $padding;
 }
-
-// bootstrap 4
-@mixin badge-variant($bg) {
-    color: functions.color-yiq($bg);
-    background-color: $bg;
-    &[href] {
-        @include hover.hover-focus {
-            color: functions.color-yiq($bg);
-            text-decoration: none;
-            background-color: color.adjust($bg, $lightness: -10%);
-        }
-    }
-}

package/button/styles/button.scss

@@ -12,6 +12,14 @@
 // Base styles
 //
 .btn {
+    display: inline-block;
+    font-weight: bootstrap-variables.$btn-font-weight;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    user-select: none;
+    border: bootstrap-variables.$btn-border-width solid transparent;
+
     // 设置 icon 字体大小
     i,
     .wtf,
@@ -20,13 +28,6 @@
         line-height: 1rem;
     }
 
-    display: inline-block;
-    font-weight: bootstrap-variables.$btn-font-weight;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    user-select: none;
-    border: bootstrap-variables.$btn-border-width solid transparent;
     @include mixin.button-size(
         variables.$btn-padding-y,
         variables.$btn-padding-x,

package/button/styles/mixin.scss

@@ -109,17 +109,21 @@
 
 // Button sizes
 @mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius, $min-width) {
-    padding: $padding-y $padding-x;
-    font-size: $font-size;
-    line-height: $line-height; // Manually declare to provide an override to the browser default
-    @if $min-width {
-        min-width: $min-width;
-    }
-    @if bootstrap-variables.$enable-rounded {
-        border-radius: $border-radius;
-    } @else {
-        border-radius: 0;
+    & {
+        padding: $padding-y $padding-x;
+        font-size: $font-size;
+        line-height: $line-height; // Manually declare to provide an override to the browser default
+
+        @if $min-width {
+            min-width: $min-width;
+        }
+        @if bootstrap-variables.$enable-rounded {
+            border-radius: $border-radius;
+        } @else {
+            border-radius: 0;
+        }
     }
+
     &.btn-link {
         padding: $padding-y 10px;
     }
@@ -133,11 +137,14 @@
 }
 
 @mixin button-disabled($color) {
-    color: variables.$btn-disabled-color;
-    background-color: variables.$btn-disabled-bg-color;
-    border-color: $color;
-    // border-color: $btn-disabled-border-color;
-    // border: none;
+    & {
+        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/carousel/styles/variables.scss

@@ -2,4 +2,4 @@
 
 $carousel-prefix-cls: 'thy-carousel';
 
-$carousel-control-default-bg: #f7f7f7;
+$carousel-control-default-bg: variables.$gray-70;

package/cascader/cascader.component.d.ts

@@ -1,11 +1,11 @@
-import { SafeAny } from 'ngx-tethys/types';
-import { TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
-import { SelectControlSize, SelectOptionBase } from 'ngx-tethys/shared';
 import { CdkConnectedOverlay, ConnectedOverlayPositionChange, ConnectionPositionPair } from '@angular/cdk/overlay';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ThyCascaderExpandTrigger, ThyCascaderOption, ThyCascaderSearchOption, ThyCascaderTriggerType } from './types';
+import { TabIndexDisabledControlValueAccessorMixin, ThyClickDispatcher } from 'ngx-tethys/core';
+import { SelectControlSize, SelectOptionBase } from 'ngx-tethys/shared';
+import { SafeAny } from 'ngx-tethys/types';
 import { ThyCascaderService } from './cascader.service';
+import { ThyCascaderExpandTrigger, ThyCascaderOption, ThyCascaderSearchOption, ThyCascaderTriggerType } from './types';
 import * as i0 from "@angular/core";
 /**
  * 级联选择菜单
@@ -31,8 +31,8 @@ export declare class ThyCascader extends TabIndexDisabledControlValueAccessorMix
      */
     thyPlaceholder: string;
     /**
-     * 控制大小（4种）
-     * @type 'sm' | 'md' | 'lg' | ''
+     * 控制大小（5种）
+     * @type 'xs' ｜ 'sm' | 'md' | 'lg' | ''
      */
     thySize: SelectControlSize;
     /**

package/cascader/cascader.service.d.ts

@@ -28,7 +28,7 @@ export declare class ThyCascaderService {
     defaultValue: any[];
     value: any[];
     private prevSelectedOptions;
-    valueChange$: Subject<unknown>;
+    valueChange$: Subject<void>;
     cascaderValueChange(): import("rxjs").Observable<{
         value: any;
         isValueEqual: boolean;

package/cascader/styles/cascader.scss

@@ -21,7 +21,7 @@ $cascader-menu-min-width: 122px;
     }
     &-menus {
         font-size: 14px;
-        background: #fff;
+        background: variables.$white;
         position: relative;
         z-index: 1050;
         border-radius: 4px;
@@ -49,7 +49,7 @@ $cascader-menu-min-width: 122px;
         list-style: none;
         margin: 0;
         padding: 0;
-        border-right: 1px solid #e8e8e8;
+        border-right: 1px solid variables.$gray-200;
         overflow: auto;
         -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
         &:first-child {
@@ -105,7 +105,7 @@ $cascader-menu-min-width: 122px;
         }
         &-expand &-expand-icon,
         &-expand &-loading-icon {
-            color: #aaa;
+            color: variables.$gray-500;
             position: absolute;
             right: 10px;
         }
@@ -117,9 +117,6 @@ $cascader-menu-min-width: 122px;
         &-disabled &-loading-icon {
             color: variables.$gray-400;
         }
-        & &-keyword {
-            color: #e6f7ff;
-        }
     }
 
     &-empty-container {

package/collapse/examples/custom/custom.component.scss

@@ -1,5 +1,7 @@
+@use 'variables.scss' as variables2;
+
 .custom-collapse-item {
-    background: #f7f7f7;
+    background: variables2.$gray-70;
     border-radius: 4px;
     margin-bottom: 28px;
 

package/color-picker/parts/inputs/inputs.component.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
 export declare class ThyColorInputs {
     className: boolean;
     innerColor: ThyColor;
+    hex: string;
     set color(value: ThyColor);
     get color(): ThyColor;
     colorChange: EventEmitter<ThyColor>;

package/color-picker/styles/inputs.scss

@@ -1,9 +1,16 @@
+@use '../../styles/variables';
 .thy-color-inputs {
     display: flex;
-
     .hex-column {
         width: 68px;
         text-align: center;
+        .hex-input-group {
+            .input-group-prefix {
+                color: variables.$gray-600;
+                margin-left: 5px;
+                font-size: variables.$font-size-sm;
+            }
+        }
     }
     .column {
         margin-left: 5px;

package/color-picker/styles/saturation.scss

@@ -1,4 +1,4 @@
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 .thy-saturation {
     width: 100%;
@@ -17,10 +17,10 @@
             left: 0;
         }
         .color-panel-white {
-            background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+            background: linear-gradient(to right, variables.$white, rgba(variables.$white, 0));
         }
         .color-panel-black {
-            background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
+            background: linear-gradient(to top, variables.$black, rgba(variables.$black, 0));
         }
         .color-panel-pointer {
             width: 14px;

package/core/debounce-time.d.ts

@@ -0,0 +1,8 @@
+import { MonoTypeOperatorFunction, SchedulerLike } from 'rxjs';
+/**
+ * for issue: https://github.com/angular/angular/issues/44351
+ * only for test mock debounceTime
+ */
+export declare class DebounceTimeWrapper {
+    static debounceTime<T>(dueTime: number, scheduler?: SchedulerLike): MonoTypeOperatorFunction<T>;
+}

package/core/index.d.ts

@@ -11,3 +11,4 @@ export * from './translate';
 export * from './store';
 export * from './color';
 export * from './spacing';
+export * from './debounce-time';

package/date-picker/styles/decade-panel.scss

@@ -21,8 +21,8 @@
 }
 
 .#{style.$calendar-prefix-cls}-decade-panel-header {
-    @include mixin.calendarPanelHeader('thy-calendar-decade-panel');
     position: relative;
+    @include mixin.calendarPanelHeader('thy-calendar-decade-panel');
 }
 
 .#{style.$calendar-prefix-cls}-decade-panel-body {

package/date-picker/styles/mixin.scss

@@ -7,7 +7,7 @@
     line-height: 40px;
     text-align: center;
     user-select: none;
-    border-bottom: 1px solid #e8e8e8;
+    border-bottom: 1px solid variables.$gray-200;
     a {
         cursor: variables.$hand-cursor;
 

package/date-picker/styles/picker.scss

@@ -120,6 +120,9 @@
     transition: opacity 0.3s;
     width: 100%;
     cursor: variables.$hand-cursor;
+    .panel-is-opened {
+        border-color: variables.$primary;
+    }
     .form-control {
         padding-right: variables.$input-padding-x + variables.$font-size-md;
     }

package/date-picker/styles/variables.scss

@@ -1,5 +1,4 @@
-@use "sass:color";
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 $calendar-prefix-cls: 'thy-calendar';
 $heading-color: variables.$gray-800;
@@ -22,5 +21,3 @@ $zindex-picker-panel: 10;
 $zindex-picker: 1050;
 
 $item-hover-bg: variables.$gray-200;
-$primary-1: color.adjust(variables.$primary, $lightness: 90%);
-$primary-2: color.adjust(variables.$primary, $lightness: 80%);

package/date-picker/styles/year-panel.scss

@@ -22,8 +22,8 @@
 }
 
 .#{style.$calendar-prefix-cls}-year-panel-header {
-    @include mixin.calendarPanelHeader('thy-calendar-year-panel');
     position: relative;
+    @include mixin.calendarPanelHeader('thy-calendar-year-panel');
 }
 
 .#{style.$calendar-prefix-cls}-year-panel-body {

package/drag-drop/examples/tree-drag/tree-drag.component.scss

@@ -2,7 +2,6 @@ ul {
     li {
         line-height: 44px;
         border: 2px solid transparent;
-        background: #fff;
         cursor: pointer;
     }
 }

package/dropdown/dropdown.directive.d.ts

@@ -50,10 +50,10 @@ export declare class ThyDropdownDirective extends ThyOverlayDirectiveBase implem
      */
     thyActiveClass: string;
     /**
-     * 弹出框的参数，底层使用 Popover 组件, 默认为`{ placement: "bottomLeft", insideClosable: true, minWidth: "240px" }`
-     * @default { placement: "bottomLeft", insideClosable: true, minWidth: "240px" }
+     * 弹出框的参数，底层使用 Popover 组件, 默认为`{ placement: "bottomLeft", insideClosable: true, minWidth: "240px", outsideClosable: true }`
+     * @default { placement: "bottomLeft", insideClosable: true, minWidth: "240px", outsideClosable: true }
      */
-    thyPopoverOptions: Pick<ThyPopoverConfig, 'placement' | 'height' | 'insideClosable' | 'minWidth'>;
+    thyPopoverOptions: Pick<ThyPopoverConfig, 'placement' | 'height' | 'insideClosable' | 'minWidth' | 'outsideClosable'>;
     /**
      * 弹出框的显示位置，会覆盖 thyPopoverOptions 中的 placement，`top` | `topLeft` | `topRight` | `bottom` | `bottomLeft` | `bottomRight` | `left` | `leftTop` | `leftBottom` | `right` | `rightTop` | `rightBottom`
      * @default bottomLeft

package/dropdown/styles/dropdown.scss

@@ -199,7 +199,7 @@
                 margin-left: -15px;
                 padding-right: 10px;
                 color: variables.$dropdown-menu-divider-title-color;
-                background: #ffffff;
+                background: variables.$white;
                 transform: translateY(-50%);
             }
         }