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

package/lib/cjs/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/lib/cjs/timePicker/foundation.js

@@ -272,6 +272,8 @@ class TimePickerFoundation extends _foundation.default {
 
     this._adapter.notifyBlur(e);
   }
+  /* istanbul ignore next */
+
 
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('open')) {
@@ -322,6 +324,8 @@ class TimePickerFoundation extends _foundation.default {
       this._notifyChange(value, input);
     }
   }
+  /* istanbul ignore next */
+
 
   doValidate(args) {
     if (typeof args === 'string') {

package/lib/cjs/timePicker/utils/localeDate.js

@@ -15,6 +15,7 @@ var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 
 var _dateFns = require("date-fns");
 
+/* istanbul ignore next */
 const replace = function replace(str, replacements) {
   let _str = str;
 
@@ -26,6 +27,8 @@ const replace = function replace(str, replacements) {
 
   return _str;
 };
+/* istanbul ignore next */
+
 
 function localeFormat(date, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -34,6 +37,8 @@ function localeFormat(date, format) {
   str = replace(str, locale);
   return str;
 }
+/* istanbul ignore next */
+
 
 function localeParse(dateString, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};

package/lib/cjs/tree/tree.css

@@ -1,26 +1,6 @@
 /* shadow */
 /* sizing */
 /* spacing */
-.semi-tree {
-  box-sizing: border-box;
-  border-radius: var(--semi-border-radius-small);
-  border: 1px solid transparent;
-  height: 32px;
-  line-height: 32px;
-  font-weight: 400;
-  background-color: var(--semi-color-fill-0);
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-  cursor: pointer;
-}
-.semi-tree:hover {
-  background-color: var(--semi-color-fill-1);
-}
-.semi-tree-focus {
-  border: 1px solid var(--semi-color-focus-border);
-  outline: 0;
-}
 .semi-tree-search-wrapper {
   padding: 8px 12px;
 }

package/lib/cjs/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/lib/cjs/tree/treeUtil.js

@@ -321,6 +321,8 @@ function findChildKeys(keys, options) {
   });
   return res;
 }
+/* istanbul ignore next */
+
 
 function findLeafKeys(keys, options) {
   const res = [];

package/lib/cjs/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/cjs/treeSelect/foundation.js

@@ -254,6 +254,8 @@ class TreeSelectFoundation extends _foundation.default {
       loadingKeys: loadingKeys.add(key)
     };
   }
+  /* istanbul ignore next */
+
 
   focusInput(bool) {
     this._adapter.updateInputFocus(bool);
@@ -368,6 +370,8 @@ class TreeSelectFoundation extends _foundation.default {
    * A11y: simulate selection click
    */
 
+  /* istanbul ignore next */
+
 
   handleSelectionEnterPress(e) {
     if ((0, _isEnterPress.default)(e)) {
@@ -420,6 +424,8 @@ class TreeSelectFoundation extends _foundation.default {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(e) {
     if ((0, _isEnterPress.default)(e)) {
@@ -751,7 +757,7 @@ class TreeSelectFoundation extends _foundation.default {
       eventKey,
       expanded,
       data
-    } = treeNode;
+    } = treeNode; // debugger;
 
     if (!expanded) {
       filteredExpandedKeys.add(eventKey);
@@ -764,6 +770,7 @@ class TreeSelectFoundation extends _foundation.default {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!this._isExpandControlled()) {
+      // debugger;
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, filteredExpandedKeys, showFilteredOnly && filteredShownKeys);
       const motionKeys = this._isAnimated() ? (0, _treeUtil.getMotionKeys)(eventKey, filteredExpandedKeys, keyEntities) : [];
       const newState = {
@@ -783,6 +790,7 @@ class TreeSelectFoundation extends _foundation.default {
   }
 
   handleNodeExpand(e, treeNode) {
+    // debugger;
     const {
       loadData
     } = this.getProps();
@@ -827,6 +835,7 @@ class TreeSelectFoundation extends _foundation.default {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!isExpandControlled) {
+      // debugger;
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData, expandedKeys);
       const motionKeys = this._isAnimated() ? (0, _treeUtil.getMotionKeys)(eventKey, expandedKeys, keyEntities) : [];
       const newState = {

package/lib/cjs/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/cjs/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/cjs/utils/Logger.js

@@ -38,6 +38,8 @@ class Logger {
       console[method](...messages);
     }
   }
+  /* istanbul ignore next */
+
 
   log() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -46,6 +48,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++) {
@@ -54,6 +58,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++) {
@@ -62,6 +68,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/cjs/utils/Store.js

@@ -16,6 +16,7 @@ var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
 
+/* istanbul ignore next */
 class Store {
   constructor(initialState) {
     this._state = (0, _assign.default)({}, initialState);

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

@@ -67,6 +67,8 @@ const toIANA = tz => {
  * @returns {Date}
  */
 
+/* istanbul ignore next */
+
 
 exports.toIANA = toIANA;
 
@@ -92,6 +94,8 @@ const parse = (date, formatToken, options) => {
  * @param {string} [options.timeZone]
  */
 
+/* istanbul ignore next */
+
 
 exports.parse = parse;
 

package/lib/cjs/utils/isElement.js

@@ -8,6 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports.default = isElement;
 
+/* istanbul ignore next */
 function isElement(obj) {
   try {
     // Using W3 DOM2 (works for FF, Opera and Chrome)

package/lib/cjs/utils/isEscPress.js

@@ -14,6 +14,7 @@ var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _keyCode = require("./keyCode");
 
+/* istanbul ignore next */
 function isEscPress(e) {
   return (0, _get2.default)(e, 'key') === _keyCode.ESC_KEY ? true : false;
 }

package/lib/cjs/utils/set.js

@@ -15,6 +15,7 @@ var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 
 var _isSet2 = _interopRequireDefault(require("lodash/isSet"));
 
+/* istanbul ignore next */
 function copySet(setA) {
   return new _set.default(setA);
 }

package/lib/es/anchor/foundation.d.ts

@@ -1,5 +1,4 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import React from 'react';
 export interface AnchorAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     addLink: (link: string) => void;
     removeLink: (link: string) => void;
@@ -15,7 +14,7 @@ export interface AnchorAdapter<P = Record<string, any>, S = Record<string, any>>
     getAnchorNode: (selector: string) => HTMLElement;
     getContentNode: (selector: string) => HTMLElement;
     notifyChange: (currentLink: string, previousLink: string) => void;
-    notifyClick: (e: React.MouseEvent<HTMLElement>, link: string) => void;
+    notifyClick: (e: any, link: string) => void;
     canSmoothScroll: () => boolean;
 }
 export default class AnchorFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AnchorAdapter<P, S>, P, S> {

package/lib/es/autoComplete/foundation.d.ts

@@ -53,7 +53,6 @@ declare class AutoCompleteFoundation<P = Record<string, any>, S = Record<string,
     _getRenderSelectedItem(): any;
     handleClear(): void;
     bindKeyBoardEvent(): void;
-    unBindKeyBoardEvent(): void;
     _handleKeyDown(event: KeyboardEvent): void;
     _getEnableFocusIndex(offset: number): void;
     _handleArrowKeyDown(offset: number): void;

package/lib/es/autoComplete/foundation.js

@@ -57,9 +57,8 @@ class AutoCompleteFoundation extends BaseFoundation {
     }
   }
 
-  destroy() {
-    // this._adapter.unregisterClickOutsideHandler();
-    this.unBindKeyBoardEvent();
+  destroy() {// this._adapter.unregisterClickOutsideHandler();
+    // this.unBindKeyBoardEvent();
   }
 
   _setDropdownWidth() {
@@ -111,8 +110,6 @@ class AutoCompleteFoundation extends BaseFoundation {
 
     this._adapter.notifyDropdownVisibleChange(true);
 
-    this.bindKeyBoardEvent();
-
     this._modifyFocusIndexOnPanelOpen();
   }
 
@@ -122,9 +119,9 @@ class AutoCompleteFoundation extends BaseFoundation {
     this._adapter.toggleListVisible(false); // this._adapter.unregisterClickOutsideHandler();
 
 
-    this._adapter.notifyDropdownVisibleChange(false);
+    this._adapter.notifyDropdownVisibleChange(false); // After closing the panel, you can still open the panel by pressing the enter key
+    // this.unBindKeyBoardEvent();
 
-    this.unBindKeyBoardEvent();
   } // props.data => optionList
 
 
@@ -347,13 +344,12 @@ class AutoCompleteFoundation extends BaseFoundation {
     };
 
     this._adapter.registerKeyDown(this._keydownHandler);
-  }
+  } // unBindKeyBoardEvent() {
+  //     if (this._keydownHandler) {
+  //         this._adapter.unregisterKeyDown(this._keydownHandler);
+  //     }
+  // }
 
-  unBindKeyBoardEvent() {
-    if (this._keydownHandler) {
-      this._adapter.unregisterKeyDown(this._keydownHandler);
-    }
-  }
 
   _handleKeyDown(event) {
     const key = event.keyCode;
@@ -361,10 +357,6 @@ class AutoCompleteFoundation extends BaseFoundation {
       visible
     } = this.getStates();
 
-    if (!visible) {
-      return;
-    }
-
     switch (key) {
       case KeyCode.UP:
         // Prevent Input's cursor from following the movement
@@ -383,6 +375,9 @@ class AutoCompleteFoundation extends BaseFoundation {
         break;
 
       case KeyCode.ENTER:
+        // when custom trigger, prevent outer open panel again
+        event.preventDefault();
+
         this._handleEnterKeyDown();
 
         break;
@@ -454,7 +449,15 @@ class AutoCompleteFoundation extends BaseFoundation {
   }
 
   _handleArrowKeyDown(offset) {
-    this._getEnableFocusIndex(offset);
+    const {
+      visible
+    } = this.getStates();
+
+    if (!visible) {
+      this.openDropdown();
+    } else {
+      this._getEnableFocusIndex(offset);
+    }
   }
 
   _handleEnterKeyDown() {
@@ -464,12 +467,17 @@ class AutoCompleteFoundation extends BaseFoundation {
       focusIndex
     } = this.getStates();
 
-    if (focusIndex !== -1 && options.length !== 0) {
-      const visibleOptions = _filterInstanceProperty(options).call(options, item => item.show);
+    if (!visible) {
+      this.openDropdown();
+    } else {
+      if (focusIndex !== undefined && focusIndex !== -1 && options.length !== 0) {
+        const visibleOptions = _filterInstanceProperty(options).call(options, item => item.show);
 
-      const selectedOption = visibleOptions[focusIndex];
-      this.handleSelect(selectedOption, focusIndex);
-    } else if (visible) {// this.close();
+        const selectedOption = visibleOptions[focusIndex];
+        this.handleSelect(selectedOption, focusIndex);
+      } else {
+        this.closeDropdown();
+      }
     }
   }
 
@@ -478,6 +486,10 @@ class AutoCompleteFoundation extends BaseFoundation {
   }
 
   handleFocus(e) {
+    // If you get the focus through the tab key, you need to manually bind keyboard events
+    // Then you can open the panel by pressing the enter key
+    this.bindKeyBoardEvent();
+
     this._adapter.notifyFocus(e);
   }
 

package/lib/es/avatar/avatar.css

@@ -11,6 +11,15 @@
   text-align: center;
   vertical-align: middle;
 }
+.semi-avatar:focus-visible {
+  outline: 2px solid var(--semi-color-primary-light-active);
+}
+.semi-avatar-focus {
+  outline: 2px solid var(--semi-color-primary-light-active);
+}
+.semi-avatar-no-focus-visible:focus-visible {
+  outline: none;
+}
 .semi-avatar .semi-avatar-label {
   display: flex;
   align-items: center;

package/lib/es/avatar/avatar.scss

@@ -16,6 +16,20 @@ $colors: "amber", "blue", "cyan", "green", "grey", "indigo", "light-blue", "ligh
     text-align: center;
     vertical-align: middle;
 
+    &:focus-visible {
+        outline: $width-avatar-outline solid $color-avatar-outline-focus;
+    }
+
+    &-focus {
+        outline: $width-avatar-outline solid $color-avatar-outline-focus;
+    }
+
+    &-no-focus-visible {
+        &:focus-visible {
+            outline: none;
+        }
+    }
+
     .#{$module}-label {
         display: flex;
         align-items: center;

package/lib/es/avatar/foundation.d.ts

@@ -3,6 +3,7 @@ export interface AvatarAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyImgState(isImgExist: boolean): void;
     notifyLeave(event: any): void;
     notifyEnter(event: any): void;
+    setFocusVisible: (focusVisible: boolean) => void;
 }
 export default class AvatarFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AvatarAdapter<P, S>, P, S> {
     constructor(adapter: AvatarAdapter<P, S>);
@@ -11,4 +12,6 @@ export default class AvatarFoundation<P = Record<string, any>, S = Record<string
     handleImgLoadError(): void;
     handleEnter(e: any): void;
     handleLeave(e: any): void;
+    handleFocusVisible: (event: any) => void;
+    handleBlur: () => void;
 }

package/lib/es/avatar/foundation.js

@@ -1,8 +1,27 @@
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import BaseFoundation from '../base/foundation';
+import warning from '../utils/warning';
 export default class AvatarFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        warning(true, 'Warning: [Semi Avatar] The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
   }
 
   init() {} // eslint-disable-line

package/lib/es/avatar/variables.scss

@@ -2,6 +2,7 @@ $z-avatar-default: 100; // 头像 z-index
 // color
 $color-avatar_default-border-default: var(--semi-color-bg-1); // 头像描边颜色
 $color-avatar_more_default-bg-default: rgba(var(--semi-grey-5), 1); // 「更多」描边颜色
+$color-avatar-outline-focus: var(--semi-color-primary-light-active); // 头像聚焦轮廓颜色
 
 
 $width-avatar_extra_extra_small: 20px; // 头像尺寸 - 极小
@@ -43,3 +44,5 @@ $spacing-avatar_extra_small-marginLeft: -10px; // 头像左侧外边距 - 超小
 
 $width-avatar_extra_extra_small-border: 1px; // 头像描边尺寸 - 极小
 $spacing-avatar_extra_extra_small-marginLeft: -4px; // 头像左侧外边距 - 极小
+
+$width-avatar-outline: 2px; //头像聚焦轮廓宽度

package/lib/es/base/foundation.js

@@ -14,6 +14,8 @@ class BaseFoundation {
   }
   /** @return enum{css className} */
 
+  /* istanbul ignore next */
+
 
   static get cssClasses() {
     // Classes extending Foundation should implement this method to return an object which exports every
@@ -22,6 +24,8 @@ class BaseFoundation {
   }
   /** @return enum{strings} */
 
+  /* istanbul ignore next */
+
 
   static get strings() {
     // Classes extending Foundation should implement this method to return an object which exports all
@@ -30,6 +34,8 @@ class BaseFoundation {
   }
   /** @return enum{numbers} */
 
+  /* istanbul ignore next */
+
 
   static get numbers() {
     // Classes extending Foundation should implement this method to return an object which exports all
@@ -76,10 +82,14 @@ class BaseFoundation {
   getContext(key) {
     return this._adapter.getContext(key);
   }
+  /* istanbul ignore next */
+
 
   getContexts() {
     return this._adapter.getContexts();
   }
+  /* istanbul ignore next */
+
 
   getCaches() {
     return this._adapter.getCaches();
@@ -116,6 +126,8 @@ class BaseFoundation {
 
   destroy() {// Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
   }
+  /* istanbul ignore next */
+
 
   log(text) {
     for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {

package/lib/es/calendar/eventUtil.d.ts

@@ -88,6 +88,6 @@ export declare const collectDailyEvents: (events: ParsedRangeEvent[][]) => Parse
 export declare const renderDailyEvent: (event: EventObject) => {
     startPos: number;
     endPos: number;
-    children: import("react").ReactNode;
+    children: any;
     allDay: boolean;
 };

package/lib/es/calendar/foundation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { Locale } from 'date-fns';
 import { DateObj } from './eventUtil';
@@ -8,7 +7,7 @@ export interface EventObject {
     allDay?: boolean;
     start?: Date;
     end?: Date;
-    children?: React.ReactNode;
+    children?: any;
 }
 export interface ParsedEventsWithArray {
     day: Array<any>;

package/lib/es/cascader/cascader.css

@@ -29,6 +29,11 @@
   min-height: 40px;
   line-height: 40px;
 }
+.semi-cascader-large .semi-cascader-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-cascader-focus {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;

package/lib/es/cascader/cascader.scss

@@ -31,6 +31,9 @@ $module: #{$prefix}-cascader;
     &-large {
         min-height: $height-cascader_large;
         line-height: $height-cascader_large;
+        .#{$module}-selection {
+            @include font-size-header-6;
+        }
     }
 
     &-focus {