@douyinfe/semi-foundation 2.13.0 → 2.14.0-beta.1

package/lib/es/tree/variables.scss

@@ -1,10 +1,3 @@
-$color-tree_default-bg-default: var(--semi-color-fill-0); // 树背景颜色 - 默认
-$color-tree_default-border-default: transparent; // 树描边颜色 - 默认
-$color-tree_default-icon-default: var(--semi-color-text-2); // 树图标颜色 - 默认
-$color-tree_default-bg-hover: var(--semi-color-fill-1); // 树背景颜色 - 悬停
-
-$color-tree_default-border-focus: var(--semi-color-focus-border); // 树描边颜色 - 按下
-
 $color-tree_option-text-default: var(--semi-color-text-0); // 树选项文字颜色
 $color-tree_option-icon-default: var(--semi-color-text-2); // 树选项图标颜色
 
@@ -19,13 +12,9 @@ $color-tree_option_loading-icon-default: var(--semi-color-primary); // 树选项
 
 $color-tree_option_draggable_insert-border-default: var(--semi-color-primary); // 树选项加载 spin 颜色
 
-$height-tree_default: $height-control-default; // 树选项高度 - 默认
-
-$font-tree_default-fontWeight: $font-weight-regular; // 树选项文本字重 - 默认
 $font-tree_option_hightlight-fontWeight: $font-weight-bold; // 树选项高亮文本字重
 $color-tree_option_hightlight-text: var(--semi-color-primary); // 树选项高亮文本颜色
 
-$radius-tree: var(--semi-border-radius-small); // 树整体圆角
 $radius-tree_checkbox_addon: var(--semi-border-radius-small); // 多选树 checkbox 圆角
 
 $spacing-tree_search_wrapper-paddingX: 12px; // 树搜索框水平内边距
@@ -41,14 +30,7 @@ $spacing-tree_icon-marginRight: 8px; // 树选项图标右侧外边距
 $spacing-tree_label_withIcon-marginRight: 8px; // 树选项图标右侧外边距
 $spacing-tree_option_draggable-paddingY: 3px; // 可拖拽的树选项垂直内边距
 $spacing-tree_option_draggable-paddingX: 0; // 可拖拽的树选项水平内边距
-$spacing-tree_spinIcon-paddingY: 4px; // 树选项加载 spin 垂直内边距 (已废弃)
-$spacing-tree_spinIcon-paddingX: 0; // 树选项加载 spin 水平内边距 (已废弃)
 
-$width-tree-border: 1px; // 树选项描边宽度
-$width-tree_arrow: 32px; // 树选项箭头宽度
 $width-tree_emptyIcon: $width-icon-small; // 树选项空图标宽度
 $width-tree_spinIcon: $width-icon-small; // 树选项加载 spin 宽度
-$width-tree_focus-border: $border-thickness-control-focus; // 树选中态描边宽度
-$width-tree_option:  230px; // 树选项宽度
-$width-tree_search_wrapper-border: 1px; // 树搜索框容器描边宽度
 $width-tree_option_draggable-border: 2px; // 可拖拽的树标示线宽度

package/lib/es/treeSelect/foundation.js

@@ -219,6 +219,8 @@ export default class TreeSelectFoundation extends BaseFoundation {
       loadingKeys: loadingKeys.add(key)
     };
   }
+  /* istanbul ignore next */
+
 
   focusInput(bool) {
     this._adapter.updateInputFocus(bool);
@@ -333,6 +335,8 @@ export default class TreeSelectFoundation extends BaseFoundation {
    * A11y: simulate selection click
    */
 
+  /* istanbul ignore next */
+
 
   handleSelectionEnterPress(e) {
     if (isEnterPress(e)) {
@@ -385,6 +389,8 @@ export default class TreeSelectFoundation extends BaseFoundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(e) {
     if (isEnterPress(e)) {
@@ -725,7 +731,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
       eventKey,
       expanded,
       data
-    } = treeNode;
+    } = treeNode; // debugger;
 
     if (!expanded) {
       filteredExpandedKeys.add(eventKey);
@@ -738,6 +744,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!this._isExpandControlled()) {
+      // debugger;
       const flattenNodes = flattenTreeData(treeData, filteredExpandedKeys, showFilteredOnly && filteredShownKeys);
       const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, filteredExpandedKeys, keyEntities) : [];
       const newState = {
@@ -757,6 +764,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
   }
 
   handleNodeExpand(e, treeNode) {
+    // debugger;
     const {
       loadData
     } = this.getProps();
@@ -801,6 +809,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!isExpandControlled) {
+      // debugger;
       const flattenNodes = flattenTreeData(treeData, expandedKeys);
       const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, expandedKeys, keyEntities) : [];
       const newState = {

package/lib/es/treeSelect/treeSelect.css

@@ -180,6 +180,11 @@
   min-height: 40px;
   line-height: 40px;
 }
+.semi-tree-select-large .semi-tree-select-selection {
+  font-size: 16px;
+  line-height: 22px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
 .semi-tree-select-arrow {
   display: inline-flex;
   align-items: center;

package/lib/es/treeSelect/treeSelect.scss

@@ -228,6 +228,9 @@ $module: #{$prefix}-tree-select;
     &-large {
         min-height: $height-treeSelect_large;
         line-height: $font-treeSelect_large-lineHeight;
+        .#{$module}-selection {
+            @include font-size-header-6;
+        }
     }
 
     &-arrow {

package/lib/es/utils/Logger.js

@@ -28,6 +28,8 @@ class Logger {
       console[method](...messages);
     }
   }
+  /* istanbul ignore next */
+
 
   log() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -36,6 +38,8 @@ class Logger {
 
     this._baseLog('log', ...args);
   }
+  /* istanbul ignore next */
+
 
   warn() {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -44,6 +48,8 @@ class Logger {
 
     this._baseLog('warn', ...args);
   }
+  /* istanbul ignore next */
+
 
   error() {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
@@ -52,6 +58,8 @@ class Logger {
 
     this._baseLog('error', ...args);
   }
+  /* istanbul ignore next */
+
 
   info() {
     for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {

package/lib/es/utils/Store.js

@@ -2,6 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 
+/* istanbul ignore next */
 class Store {
   constructor(initialState) {
     this._state = _Object$assign({}, initialState);

package/lib/es/utils/date-fns-extra.js

@@ -54,6 +54,8 @@ export const toIANA = tz => {
  * @returns {Date}
  */
 
+/* istanbul ignore next */
+
 const parse = (date, formatToken, options) => {
   if (typeof date === 'string') {
     date = dateFnsParse(date, formatToken, new Date(), options);
@@ -76,6 +78,8 @@ const parse = (date, formatToken, options) => {
  * @param {string} [options.timeZone]
  */
 
+/* istanbul ignore next */
+
 
 const format = (date, formatToken, options) => {
   if (options && options.timeZone != null && options.timeZone !== '') {

package/lib/es/utils/isElement.js

@@ -1,3 +1,4 @@
+/* istanbul ignore next */
 export default function isElement(obj) {
   try {
     // Using W3 DOM2 (works for FF, Opera and Chrome)

package/lib/es/utils/isEscPress.js

@@ -1,5 +1,6 @@
 import _get from "lodash/get";
 import { ESC_KEY } from './keyCode';
+/* istanbul ignore next */
 
 function isEscPress(e) {
   return _get(e, 'key') === ESC_KEY ? true : false;

package/lib/es/utils/set.js

@@ -1,5 +1,7 @@
 import _isSet from "lodash/isSet";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+
+/* istanbul ignore next */
 export function copySet(setA) {
   return new _Set(setA);
 }

package/overflowList/foundation.ts

@@ -16,6 +16,8 @@ class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
         super({ ...adapter });
     }
 
+    previousY = undefined;
+
     isScrollMode = (): boolean => {
         const { renderMode } = this.getProps();
         return renderMode === 'scroll';
@@ -47,6 +49,24 @@ class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
             res[itemKey] = entry;
             visibleState.set(itemKey, visible);
         });
+        let someItemVisible = false;
+        for (const value of visibleState.values()) {
+            if (value) {
+                someItemVisible = true;
+                break;
+            }
+        }
+        // Any item is visible, indicating that the List is visible
+        const wholeListVisible = someItemVisible;
+        // If scrolling in the vertical direction makes the List invisible, no processing is required. 
+        // If this.previousY is undefined, it means that the List is mounted for the first time and will not be processed.
+        const [entry1] = entries;
+        const currentY = entry1.boundingClientRect.y;
+        if (!wholeListVisible && this.previousY !== undefined && currentY !== this.previousY) {
+            this.previousY = currentY;
+            return;
+        }
+        this.previousY = currentY;
         this._adapter.updateVisibleState(visibleState);
         this._adapter.notifyIntersect(res);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.13.0",
+    "version": "2.14.0-beta.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "27671f7d0a04e5569c6bf16c0c6ea6c547a77016",
+    "gitHead": "7c7bcfeba01bbe507ab38f4b0354e2e7d79868a0",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/radio/radio.scss

@@ -379,6 +379,14 @@ $inner-width: $width-icon-medium;
         padding-left: $spacing-radio_extra-paddingLeft;
         box-sizing: border-box;
     }
+
+    &-focus {
+        outline: $width-radio-outline solid $color-radio_primary-outline-focus;
+
+        &-border {
+            border: solid $width-radio_hover-border $color-radio_default-border-hover;
+        }
+    }
 }
 
 .#{$module}Group {

package/radio/radioFoundation.ts

@@ -1,9 +1,11 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+import warning from '../utils/warning';
 
 export interface RadioAdapter extends DefaultAdapter {
     setHover: (hover: boolean) => void;
     setAddonId: () => void;
     setExtraId: () => void;
+    setFocusVisible: (focusVisible: boolean) => void;
 }
 export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
     init() {
@@ -18,4 +20,19 @@ export default class RadioFoundation extends BaseFoundation<RadioAdapter> {
     setHover(hover: boolean) {
         this._adapter.setHover(hover);
     }
+
+    handleFocusVisible = (event: any) => {
+        const { target } = event;
+        try {
+            if (target.matches(':focus-visible')) {
+                this._adapter.setFocusVisible(true);
+            }
+        } catch (error){
+            warning(true, 'Warning: [Semi Radio] The current browser does not support the focus-visible');
+        }
+    }
+
+    handleBlur = () => {
+        this._adapter.setFocusVisible(false);
+    }
 }

package/radio/variables.scss

@@ -48,6 +48,8 @@ $color-radio_card-bg-hover: var(--semi-color-white); // 单选圆点颜色
 $color-radio_card-bg-active: var(--semi-color-white); // 单选圆点颜色 - 按下态
 $color-radio_card-bg-default: var(--semi-color-white); // 单选圆点颜色 - 悬浮态
 
+$color-radio_primary-outline-focus: var(--semi-color-primary-light-active); // 轮廓颜色 - 按键聚焦
+
 $radius-radio_cardRadioGroup: var(--semi-border-radius-small); // 卡片式单选圆角大小
 $radius-radio_addon_buttonRadio: var(--semi-border-radius-small); // 按钮式单选圆点圆角大小
 $radius-radio_buttonRadio: var(--semi-border-radius-small); // 按钮式单选圆角大小
@@ -58,6 +60,8 @@ $width-radio_hover-border: $border-thickness-control; // 描边宽度 - 悬浮
 $width-radio_disabled-border: $border-thickness-control; // 描边宽度 - 禁用态
 $width-radio_innder-border: $border-thickness-control; // 描边宽度 - 禁用态
 
+$width-radio-outline: 2px; // 单选框轮廓宽度
+
 $height-radio_inner_min: 20px; // 单选按钮高度
 $width-radio_inner: $width-icon-medium; // 单选按钮宽度
 $spacing-radio_addon-paddingLeft: $spacing-tight; //单选标题到单选按钮左侧边距

package/select/foundation.ts

@@ -895,6 +895,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
         }
     }
 
+    /* istanbul ignore next */
     handleClearBtnEnterPress(e: KeyboardEvent) {
         if (isEnterPress(e)) {
             this.handleClearClick(e as any);

package/select/select.scss

@@ -45,6 +45,9 @@ $multiple: #{$module}-multiple;
     &-large {
         min-height: $height-select_large;
         line-height: $height-select_large;
+        .#{$module}-selection {
+            @include font-size-header-6;
+        }
     }
 
     &-open,

package/switch/foundation.ts

@@ -1,4 +1,5 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+import warning from '../utils/warning';
 
 export interface SwitchAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     setNativeControlChecked: (nativeControlChecked: boolean | undefined) => void;
@@ -45,7 +46,7 @@ export default class SwitchFoundation<P = Record<string, any>, S = Record<string
                 this._adapter.setFocusVisible(true);
             }
         } catch (error){
-            console.warn('The current browser does not support the focus-visible');
+            warning(true, 'Warning: [Semi Switch] The current browser does not support the focus-visible');
         }
     }
 

package/tagInput/foundation.ts

@@ -151,6 +151,7 @@ class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
     /**
      * A11y: simulate clear button click
      */
+    /* istanbul ignore next */
     handleClearEnterPress(e: TagInputKeyboardEvent) {
         if (isEnterPress(e)) {
             this.handleClearBtn(e);

package/tagInput/variables.scss

@@ -8,7 +8,7 @@ $color-tagInput-border-default: transparent; // 标签输入框描边颜色 -
 $color-tagInput-border-hover: transparent ; // 标签输入框描边颜色 - 悬浮
 $color-tagInput-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
 $color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
-$color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
+$color-tagInput_suffix-default: var(--semi-color-text-2); // 标签输入框 suffix 颜色
 
 $color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
 $color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮

package/timePicker/foundation.ts

@@ -259,6 +259,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         this._adapter.notifyBlur(e);
     }
 
+    /* istanbul ignore next */
     handleVisibleChange(visible: boolean) {
         if (!this._isControlledComponent('open')) {
             this._adapter.togglePanel(visible);
@@ -305,6 +306,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         }
     }
 
+    /* istanbul ignore next */
     doValidate(args: string | Array<Date>) {
         if (typeof args === 'string') {
             return this.validateStr(args);
@@ -414,7 +416,6 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
 
         if (this.isValidTimeZone() && _value) {
             const formatToken = this.getValidFormat();
-
             if (Array.isArray(_value)) {
                 _value = _value.map(v => zonedTimeToUtc(v, timeZone));
                 str = _value.map(v => format(v, formatToken));

package/timePicker/utils/localeDate.ts

@@ -1,5 +1,6 @@
 import { format as dateFnsFormat, parse as dateFnsParse } from 'date-fns';
 
+/* istanbul ignore next */
 const replace = function replace(str, replacements) {
     let _str = str;
     for (const key of Object.keys(replacements)) {
@@ -11,6 +12,7 @@ const replace = function replace(str, replacements) {
     return _str;
 };
 
+/* istanbul ignore next */
 export function localeFormat(date, format, locale = {}, options = {}) {
     let str = dateFnsFormat(date, format, options);
 
@@ -19,6 +21,7 @@ export function localeFormat(date, format, locale = {}, options = {}) {
     return str;
 }
 
+/* istanbul ignore next */
 export function localeParse(dateString, format, locale = {}, defaultDate = null, options = {}) {
     // const invertedLocale = invert(locale);
 

package/tree/tree.scss

@@ -3,26 +3,6 @@
 $module: #{$prefix}-tree;
 
 .#{$module} {
-    box-sizing: border-box;
-    border-radius: $radius-tree;
-    border: 1px solid $color-tree_default-border-default;
-    height: $height-tree_default;
-    line-height: $height-tree_default;
-    font-weight: $font-tree_default-fontWeight;
-    background-color: $color-tree_default-bg-default;
-    display: inline-block;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-
-    &:hover {
-        background-color: $color-tree_default-bg-hover;
-    }
-
-    &-focus {
-        border: $width-tree_focus-border solid $color-tree_default-border-focus;
-        outline: 0;
-    }
 
     &-search-wrapper {
         padding: $spacing-tree_search_wrapper-paddingY $spacing-tree_search_wrapper-paddingX;

package/tree/treeUtil.ts

@@ -233,6 +233,7 @@ export function findChildKeys(keys: string[], options: any, omitKeys: any[] = []
     return res;
 }
 
+/* istanbul ignore next */
 export function findLeafKeys(keys: string[], options: any) {
     const res: any[] = [];
     const findChild = (item: any) => {

package/tree/variables.scss

@@ -1,10 +1,3 @@
-$color-tree_default-bg-default: var(--semi-color-fill-0); // 树背景颜色 - 默认
-$color-tree_default-border-default: transparent; // 树描边颜色 - 默认
-$color-tree_default-icon-default: var(--semi-color-text-2); // 树图标颜色 - 默认
-$color-tree_default-bg-hover: var(--semi-color-fill-1); // 树背景颜色 - 悬停
-
-$color-tree_default-border-focus: var(--semi-color-focus-border); // 树描边颜色 - 按下
-
 $color-tree_option-text-default: var(--semi-color-text-0); // 树选项文字颜色
 $color-tree_option-icon-default: var(--semi-color-text-2); // 树选项图标颜色
 
@@ -19,13 +12,9 @@ $color-tree_option_loading-icon-default: var(--semi-color-primary); // 树选项
 
 $color-tree_option_draggable_insert-border-default: var(--semi-color-primary); // 树选项加载 spin 颜色
 
-$height-tree_default: $height-control-default; // 树选项高度 - 默认
-
-$font-tree_default-fontWeight: $font-weight-regular; // 树选项文本字重 - 默认
 $font-tree_option_hightlight-fontWeight: $font-weight-bold; // 树选项高亮文本字重
 $color-tree_option_hightlight-text: var(--semi-color-primary); // 树选项高亮文本颜色
 
-$radius-tree: var(--semi-border-radius-small); // 树整体圆角
 $radius-tree_checkbox_addon: var(--semi-border-radius-small); // 多选树 checkbox 圆角
 
 $spacing-tree_search_wrapper-paddingX: 12px; // 树搜索框水平内边距
@@ -41,14 +30,7 @@ $spacing-tree_icon-marginRight: 8px; // 树选项图标右侧外边距
 $spacing-tree_label_withIcon-marginRight: 8px; // 树选项图标右侧外边距
 $spacing-tree_option_draggable-paddingY: 3px; // 可拖拽的树选项垂直内边距
 $spacing-tree_option_draggable-paddingX: 0; // 可拖拽的树选项水平内边距
-$spacing-tree_spinIcon-paddingY: 4px; // 树选项加载 spin 垂直内边距 (已废弃)
-$spacing-tree_spinIcon-paddingX: 0; // 树选项加载 spin 水平内边距 (已废弃)
 
-$width-tree-border: 1px; // 树选项描边宽度
-$width-tree_arrow: 32px; // 树选项箭头宽度
 $width-tree_emptyIcon: $width-icon-small; // 树选项空图标宽度
 $width-tree_spinIcon: $width-icon-small; // 树选项加载 spin 宽度
-$width-tree_focus-border: $border-thickness-control-focus; // 树选中态描边宽度
-$width-tree_option:  230px; // 树选项宽度
-$width-tree_search_wrapper-border: 1px; // 树搜索框容器描边宽度
 $width-tree_option_draggable-border: 2px; // 可拖拽的树标示线宽度

package/treeSelect/foundation.ts

@@ -354,6 +354,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         };
     }
 
+    /* istanbul ignore next */
     focusInput(bool: boolean) {
         this._adapter.updateInputFocus(bool);
     }
@@ -442,6 +443,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     /**
      * A11y: simulate selection click
      */
+    /* istanbul ignore next */
     handleSelectionEnterPress(e: any) {
         if (isEnterPress(e)) {
             this.handleClick(e);
@@ -480,6 +482,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     /**
      * A11y: simulate clear button click
      */
+    /* istanbul ignore next */
     handleClearEnterPress(e: any) {
         if (isEnterPress(e)) {
             this.handleClear(e);
@@ -693,6 +696,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         let motionType = 'show';
         const { eventKey, expanded, data } = treeNode;
 
+        // debugger;
         if (!expanded) {
             filteredExpandedKeys.add(eventKey);
         } else if (filteredExpandedKeys.has(eventKey)) {
@@ -704,6 +708,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
         if (!this._isExpandControlled()) {
+            // debugger;
             const flattenNodes = flattenTreeData(treeData, filteredExpandedKeys, showFilteredOnly && filteredShownKeys);
             const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, filteredExpandedKeys, keyEntities) : [];
             const newState = {
@@ -723,6 +728,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     }
 
     handleNodeExpand(e: any, treeNode: BasicTreeNodeProps) {
+        // debugger;
         const { loadData } = this.getProps();
         const { inputValue, keyEntities } = this.getStates();
         const isSearching = Boolean(inputValue);
@@ -750,6 +756,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
         if (!isExpandControlled) {
+            // debugger;
             const flattenNodes = flattenTreeData(treeData, expandedKeys);
             const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, expandedKeys, keyEntities) : [];
             const newState = {

package/treeSelect/treeSelect.scss

@@ -228,6 +228,9 @@ $module: #{$prefix}-tree-select;
     &-large {
         min-height: $height-treeSelect_large;
         line-height: $font-treeSelect_large-lineHeight;
+        .#{$module}-selection {
+            @include font-size-header-6;
+        }
     }
 
     &-arrow {

package/utils/Logger.ts

@@ -24,18 +24,22 @@ class Logger {
         }
     }
 
+    /* istanbul ignore next */
     log(...args: any[]) {
         this._baseLog('log', ...args);
     }
 
+    /* istanbul ignore next */
     warn(...args: any[]) {
         this._baseLog('warn', ...args);
     }
 
+    /* istanbul ignore next */
     error(...args: any[]) {
         this._baseLog('error', ...args);
     }
 
+    /* istanbul ignore next */
     info(...args: any[]) {
         this._baseLog('info', ...args);
     }

package/utils/Store.ts

@@ -1,3 +1,4 @@
+/* istanbul ignore next */
 class Store<T = Record<string, any>> {
     _state: T;
     _listeners: any[];

package/utils/date-fns-extra.ts

@@ -87,6 +87,7 @@ export const toIANA = (tz: string | number) => {
  * @param {string} [options.timeZone]
  * @returns {Date}
  */
+/* istanbul ignore next */
 const parse = (date: string | number | Date, formatToken: string, options?: any) => {
     if (typeof date === 'string') {
         date = dateFnsParse(date, formatToken, new Date(), options);
@@ -106,6 +107,7 @@ const parse = (date: string | number | Date, formatToken: string, options?: any)
  * @param {object} [options]
  * @param {string} [options.timeZone]
  */
+/* istanbul ignore next */
 const format = (date: string | number | Date, formatToken: string, options?: any) => {
     if (options && options.timeZone != null && options.timeZone !== '') {
         const timeZone = toIANA(options.timeZone);

package/utils/isElement.ts

@@ -1,3 +1,4 @@
+/* istanbul ignore next */
 export default function isElement(obj: any) {
     try {
         // Using W3 DOM2 (works for FF, Opera and Chrome)

package/utils/isEscPress.ts

@@ -1,6 +1,7 @@
 import { get } from 'lodash';
 import { ESC_KEY } from './keyCode';
 
+/* istanbul ignore next */
 function isEscPress<T extends { key: string }>(e: T) {
     return get(e, 'key') === ESC_KEY ? true : false;
 }

package/utils/set.ts

@@ -1,5 +1,6 @@
 import { isSet } from 'lodash';
 
+/* istanbul ignore next */
 export function copySet<T = unknown>(setA: Iterable<T>) {
     return new Set(setA);
 }