@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

package/lib/es/_base/baseComponent.js

@@ -55,11 +55,7 @@ export default class BaseComponent extends Component {
     };
   }
 
-  log(text) {
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-
+  log(text, ...rest) {
     return log(text, ...rest);
   }
 

package/lib/es/_portal/index.js

@@ -11,36 +11,26 @@ const defaultGetContainer = () => document.body;
 
 class Portal extends PureComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
-
-    this.addStyle = function () {
-      let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      if (_this.el) {
+    this.addStyle = (style = {}) => {
+      if (this.el) {
         for (const key of _Object$keys(style)) {
-          _this.el.style[key] = style[key];
+          this.el.style[key] = style[key];
         }
       }
     };
 
-    this.addClass = function (prefixCls) {
+    this.addClass = (prefixCls, ...classNames) => {
       const {
         direction
-      } = _this.context;
-
-      for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        classNames[_key - 1] = arguments[_key];
-      }
-
+      } = this.context;
       const cls = classnames(prefixCls, ...classNames, {
         ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
       });
 
-      if (_this.el) {
-        _this.el.className = cls;
+      if (this.el) {
+        this.el.className = cls;
       }
     };
 

package/lib/es/_utils/index.js

@@ -1,6 +1,3 @@
-import _get from "lodash/get";
-import _set from "lodash/set";
-import _cloneDeepWith from "lodash/cloneDeepWith";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
@@ -11,6 +8,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 
 /* argus-disable unPkgSensitiveInfo */
 import React from 'react';
+import { cloneDeepWith, set, get } from 'lodash-es';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import { findAll } from '@douyinfe/semi-foundation/lib/es/utils/getHighlight';
 /**
@@ -38,7 +36,7 @@ export function stopPropagation(e, noImmediate) {
  */
 
 export function cloneDeep(value, customizer) {
-  return _cloneDeepWith(value, v => {
+  return cloneDeepWith(value, v => {
     if (typeof customizer === 'function') {
       return customizer(v);
     }
@@ -58,11 +56,11 @@ export function cloneDeep(value, customizer) {
         const newArray = [];
 
         _forEachInstanceProperty(keys).call(keys, key => {
-          _set(newArray, key, v[key]);
+          set(newArray, key, v[key]);
         }); // internal-issues:887
 
 
-        warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        warning(get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
         return newArray;
       } else {
         return undefined;
@@ -86,15 +84,14 @@ export function cloneDeep(value, customizer) {
  * @return  {Array<object>}
  */
 
-export const getHighLightTextHTML = _ref => {
-  let {
-    sourceString = '',
-    searchWords = [],
-    option = {
-      autoEscape: true,
-      caseSensitive: false
-    }
-  } = _ref;
+export const getHighLightTextHTML = ({
+  sourceString = '',
+  searchWords = [],
+  option = {
+    autoEscape: true,
+    caseSensitive: false
+  }
+}) => {
   const chunks = findAll(_Object$assign({
     sourceString,
     searchWords
@@ -127,13 +124,11 @@ export const getHighLightTextHTML = _ref => {
  * @returns function
  */
 
-export const registerMediaQuery = (media, _ref2) => {
-  let {
-    match,
-    unmatch,
-    callInInit = true
-  } = _ref2;
-
+export const registerMediaQuery = (media, {
+  match,
+  unmatch,
+  callInInit = true
+}) => {
   if (typeof window !== 'undefined') {
     const mediaQueryList = window.matchMedia(media);
 
@@ -158,4 +153,4 @@ export const registerMediaQuery = (media, _ref2) => {
  * @returns boolean
  */
 
-export const isSemiIcon = icon => /*#__PURE__*/React.isValidElement(icon) && _get(icon.type, 'elementType') === 'Icon';
+export const isSemiIcon = icon => /*#__PURE__*/React.isValidElement(icon) && get(icon.type, 'elementType') === 'Icon';

package/lib/es/anchor/index.js

@@ -1,6 +1,3 @@
-import _throttle from "lodash/throttle";
-import _debounce from "lodash/debounce";
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
@@ -16,6 +13,7 @@ import BaseComponent from '../_base/baseComponent';
 import Link from './link';
 import AnchorContext from './anchor-context';
 import '@douyinfe/semi-foundation/lib/es/anchor/anchor.css';
+import { noop, debounce, throttle } from 'lodash-es';
 import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 const prefixCls = cssClasses.PREFIX;
 
@@ -187,8 +185,8 @@ class Anchor extends BaseComponent {
     } = this.props;
     this.anchorID = getUuid('semi-anchor').replace('.', '');
     this.scrollContainer = this.adapter.getContainer();
-    this.handler = _throttle(this.handleScroll, 100);
-    this.clickHandler = _debounce(this.handleClickLink, 100);
+    this.handler = throttle(this.handleScroll, 100);
+    this.clickHandler = debounce(this.handleClickLink, 100);
     this.scrollContainer.addEventListener('scroll', this.handler);
     this.scrollContainer.addEventListener('scroll', this.clickHandler);
     this.setScrollHeight();
@@ -305,9 +303,9 @@ Anchor.defaultProps = {
   showTooltip: false,
   maxWidth: strings.MAX_WIDTH,
   maxHeight: strings.MAX_HEIGHT,
-  getContainer: _noop,
-  onChange: _noop,
-  onClick: _noop,
+  getContainer: noop,
+  onChange: noop,
+  onClick: noop,
   defaultAnchor: ''
 };
 export default Anchor;

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

@@ -5,7 +5,6 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { Position } from '../tooltip';
 import Option from '../select/option';
 import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
-import '@douyinfe/semi-foundation/lib/es/select/option.css';
 import { Motion } from '../_base/base';
 /**
  * AutoComplete is an enhanced Input (candidates suggest that users can choose or not),
@@ -17,15 +16,16 @@ import { Motion } from '../_base/base';
 export interface BaseDataItem extends DataItem {
     label?: React.ReactNode;
 }
-export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
+export declare type AutoCompleteItems = BaseDataItem | string | number;
+export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
     children?: React.ReactNode;
-    data?: Array<string | Item | number>;
+    data?: T[];
     disabled?: boolean;
     defaultOpen?: boolean;
-    defaultValue?: string | number | Item;
+    defaultValue?: T;
     defaultActiveFirstOption?: boolean;
     dropdownMatchSelectWidth?: boolean;
     dropdownClassName?: string;
@@ -42,7 +42,7 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     onBlur?: (e: React.FocusEvent) => void;
     onChange?: (value: string | number) => void;
     onSearch?: (inputValue: string) => void;
-    onSelect?: (value: string | Item | number) => void;
+    onSelect?: (value: T) => void;
     onClear?: () => void;
     onChangeWithObject?: boolean;
     onSelectWithObject?: boolean;
@@ -50,8 +50,8 @@ export interface AutoCompleteProps<Item extends BaseDataItem = BaseDataItem> {
     prefix?: React.ReactNode;
     placeholder?: string;
     position?: Position;
-    renderItem?: (option: Item | string) => React.ReactNode;
-    renderSelectedItem?: (option: Item) => string;
+    renderItem?: (option: T) => React.ReactNode;
+    renderSelectedItem?: (option: T) => string;
     size?: 'small' | 'default' | 'large';
     style?: React.CSSProperties;
     suffix?: React.ReactNode;
@@ -75,7 +75,7 @@ interface AutoCompleteState {
     rePosKey: number;
     keyboardEventSet?: KeyboardEventType;
 }
-declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoCompleteState> {
+declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<AutoCompleteProps<T>, AutoCompleteState> {
     static propTypes: {
         autoFocus: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
@@ -119,15 +119,39 @@ declare class AutoComplete extends BaseComponent<AutoCompleteProps, AutoComplete
         zIndex: PropTypes.Requireable<number>;
     };
     static Option: typeof Option;
-    static defaultProps: Partial<AutoCompleteProps>;
+    static defaultProps: {
+        stopPropagation: boolean;
+        motion: boolean;
+        zIndex: number;
+        position: "bottomLeft";
+        data: [];
+        showClear: boolean;
+        disabled: boolean;
+        size: "default";
+        onFocus: (...args: any[]) => void;
+        onSearch: (...args: any[]) => void;
+        onClear: (...args: any[]) => void;
+        onBlur: (...args: any[]) => void;
+        onSelect: (...args: any[]) => void;
+        onChange: (...args: any[]) => void;
+        onSelectWithObject: boolean;
+        onDropdownVisibleChange: (...args: any[]) => void;
+        defaultActiveFirstOption: boolean;
+        dropdownMatchSelectWidth: boolean;
+        loading: boolean;
+        maxHeight: number;
+        validateStatus: "default";
+        autoFocus: boolean;
+        emptyContent: null;
+    };
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;
     private clickOutsideHandler;
-    constructor(props: AutoCompleteProps);
-    get adapter(): AutoCompleteAdapter<AutoCompleteProps, AutoCompleteState>;
+    constructor(props: AutoCompleteProps<T>);
+    get adapter(): AutoCompleteAdapter<AutoCompleteProps<T>, AutoCompleteState>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: AutoCompleteProps, prevState: AutoCompleteState): void;
+    componentDidUpdate(prevProps: AutoCompleteProps<T>, prevState: AutoCompleteState): void;
     onSelect: (option: StateOptionItem, optionIndex: number, e: React.MouseEvent | React.KeyboardEvent) => void;
     onSearch: (value: string) => void;
     onBlur: (e: React.FocusEvent) => void;

package/lib/es/autoComplete/index.js

@@ -1,5 +1,3 @@
-import _noop from "lodash/noop";
-import _isEqual from "lodash/isEqual";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -11,6 +9,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
+import { isEqual, noop } from 'lodash-es';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/autoComplete/constants';
 import AutoCompleteFoundation from '@douyinfe/semi-foundation/lib/es/autoComplete/foundation';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
@@ -22,7 +21,6 @@ import Trigger from '../trigger';
 import Option from '../select/option';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
-import '@douyinfe/semi-foundation/lib/es/select/option.css';
 const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 const positionSet = strings.POSITION;
@@ -162,7 +160,7 @@ class AutoComplete extends BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!_isEqual(this.props.data, prevProps.data)) {
+    if (!isEqual(this.props.data, prevProps.data)) {
       this.foundation.handleDataChange(this.props.data);
     }
 
@@ -378,14 +376,14 @@ AutoComplete.defaultProps = {
   showClear: false,
   disabled: false,
   size: 'default',
-  onFocus: _noop,
-  onSearch: _noop,
-  onClear: _noop,
-  onBlur: _noop,
-  onSelect: _noop,
-  onChange: _noop,
+  onFocus: noop,
+  onSearch: noop,
+  onClear: noop,
+  onBlur: noop,
+  onSelect: noop,
+  onChange: noop,
   onSelectWithObject: false,
-  onDropdownVisibleChange: _noop,
+  onDropdownVisibleChange: noop,
   defaultActiveFirstOption: true,
   dropdownMatchSelectWidth: true,
   loading: false,

package/lib/es/avatar/avatarGroup.js

@@ -1,6 +1,3 @@
-import _isNumber from "lodash/isNumber";
-import _isFunction from "lodash/isFunction";
-import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
@@ -23,6 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent, Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { get as lodashGet, isFunction, isNumber } from 'lodash-es';
 import Avatar from './index';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/avatar/constants';
 const sizeSet = strings.SIZE;
@@ -67,7 +65,7 @@ export default class AvatarGroup extends PureComponent {
       key: "_+n"
     }, "+".concat(restNumber));
 
-    if (_isFunction(renderMore)) {
+    if (isFunction(renderMore)) {
       moreAvatar = /*#__PURE__*/React.createElement(Fragment, {
         key: "_+n"
       }, renderMore(restNumber, restAvatars));
@@ -98,10 +96,10 @@ export default class AvatarGroup extends PureComponent {
       var _context;
 
       const avatars = this.getAllAvatars();
-      inner = _mapInstanceProperty(_context = _isNumber(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context, (itm, index) => {
+      inner = _mapInstanceProperty(_context = isNumber(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context, (itm, index) => {
         var _context2, _context3;
 
-        const className = cls(_get(itm.props, 'className'), {
+        const className = cls(lodashGet(itm.props, 'className'), {
           [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-item-start-")).call(_context2, index)]: overlapFrom === 'start',
           [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-item-end-")).call(_context3, index)]: overlapFrom === 'end'
         });

package/lib/es/badge/index.js

@@ -1,9 +1,8 @@
-import _isString from "lodash/isString";
-import _isNumber from "lodash/isNumber";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { isNumber, isString } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/badge/constants';
 import '@douyinfe/semi-foundation/lib/es/badge/badge.css';
@@ -29,7 +28,7 @@ export default class Badge extends PureComponent {
       children,
       className
     } = this.props;
-    const custom = count && !(_isNumber(count) || _isString(count));
+    const custom = count && !(isNumber(count) || isString(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = cls(className, {
       [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type)]: !custom,
@@ -42,7 +41,7 @@ export default class Badge extends PureComponent {
     });
     let content;
 
-    if (_isNumber(count)) {
+    if (isNumber(count)) {
       content = overflowCount && overflowCount < count ? "".concat(overflowCount, "+") : "".concat(count);
     } else {
       content = count;

package/lib/es/breadcrumb/index.js

@@ -1,4 +1,3 @@
-import _isFunction from "lodash/isFunction";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
@@ -13,6 +12,7 @@ import propTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/breadcrumb/constants';
 import BreadcrumbFoundation from '@douyinfe/semi-foundation/lib/es/breadcrumb/foundation';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
+import { isFunction } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/breadcrumb/breadcrumb.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BaseComponent from '../_base/baseComponent';
@@ -36,8 +36,7 @@ class Breadcrumb extends BaseComponent {
         renderMore,
         moreType
       } = this.props;
-
-      const hasRenderMore = _isFunction(renderMore);
+      const hasRenderMore = isFunction(renderMore);
 
       const restItem = _sliceInstanceProperty(template).call(template, 1, itemsLen - 3);
 
@@ -65,8 +64,7 @@ class Breadcrumb extends BaseComponent {
         maxItemCount
       } = this.props;
       const restItemLength = items.length - maxItemCount;
-
-      const hasRenderMore = _isFunction(renderMore);
+      const hasRenderMore = isFunction(renderMore);
 
       const template = _mapInstanceProperty(items).call(items, (route, idx) => {
         var _context2;
@@ -107,8 +105,7 @@ class Breadcrumb extends BaseComponent {
 
       const shouldCollapse = items && autoCollapse && itemLength > maxItemCount && isCollapsed; // Whether the number of children exceeds, need to collapse
 
-      const hasRenderMore = _isFunction(renderMore); // Whether the user passes in the renderMore method
-
+      const hasRenderMore = isFunction(renderMore); // Whether the user passes in the renderMore method
 
       const moreTypeIsPopover = moreType === 'popover';
 
@@ -150,11 +147,9 @@ class Breadcrumb extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyClick: function () {
-        _this.props.onClick(...arguments);
+      notifyClick: (...args) => {
+        this.props.onClick(...args);
       },
       expandCollapsed: () => this.setState({
         isCollapsed: false

package/lib/es/breadcrumb/item.js

@@ -1,6 +1,3 @@
-import _isNull from "lodash/isNull";
-import _isUndefined from "lodash/isUndefined";
-import _merge from "lodash/merge";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { Fragment } from 'react';
@@ -12,6 +9,7 @@ import BaseComponent from '../_base/baseComponent';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BreadContext from './bread-context';
 import Typography from '../typography';
+import { merge, isUndefined, isNull } from 'lodash-es';
 const clsPrefix = cssClasses.PREFIX;
 export default class BreadcrumbItem extends BaseComponent {
   constructor(props) {
@@ -57,7 +55,7 @@ export default class BreadcrumbItem extends BaseComponent {
       };
 
       if (typeof showTooltip === 'object') {
-        return _merge(defaultOpts, showTooltip);
+        return merge(defaultOpts, showTooltip);
       }
 
       return defaultOpts;
@@ -70,7 +68,7 @@ export default class BreadcrumbItem extends BaseComponent {
         children,
         href
       } = this.props;
-      const hasHref = !_isUndefined(href) && !_isNull(href);
+      const hasHref = !isUndefined(href) && !isNull(href);
 
       if (route) {
         itemInfo = route;
@@ -151,14 +149,12 @@ export default class BreadcrumbItem extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifyClick: function () {
-        _this.props.onClick(...arguments);
+      notifyClick: (...args) => {
+        this.props.onClick(...args);
       },
-      notifyParent: function () {
-        _this.context.onClick(...arguments);
+      notifyParent: (...args) => {
+        this.context.onClick(...args);
       }
     });
   }

package/lib/es/button/index.d.ts

@@ -14,7 +14,6 @@ declare class Button extends React.PureComponent<ButtonProps> {
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-        iconType: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/es/button/index.js

@@ -4,16 +4,14 @@ import BaseButton from './Button';
 import IconButton from '../iconButton';
 
 class Button extends React.PureComponent {
-  constructor() {
-    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(props = {}) {
     super(props);
   }
 
   render() {
     const props = _Object$assign({}, this.props);
 
-    const hasIcon = Boolean(props.icon || props.iconType); // TODO: iconType needs to be confirmed
-
+    const hasIcon = Boolean(props.icon);
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
 

package/lib/es/calendar/dayCalendar.js

@@ -1,8 +1,8 @@
-import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
+import { isEqual } from 'lodash-es';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import CalendarFoundation from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
@@ -95,7 +95,7 @@ export default class DayCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       cacheEventKeys: cachedKeys => {
@@ -123,7 +123,7 @@ export default class DayCalendar extends BaseComponent {
 
     const nowEventKeys = _mapInstanceProperty(_context4 = this.props.events).call(_context4, event => event.key);
 
-    if (!_isEqual(prevEventKeys, nowEventKeys)) {
+    if (!isEqual(prevEventKeys, nowEventKeys)) {
       this.foundation.parseDailyEvents();
     }
   }

package/lib/es/calendar/monthCalendar.js

@@ -1,4 +1,3 @@
-import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -9,6 +8,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 import React from 'react';
 import ReactDOM from 'react-dom';
 import cls from 'classnames';
+import { isEqual } from 'lodash-es';
 import PropTypes from 'prop-types';
 import { IconClose } from '@douyinfe/semi-icons'; // eslint-disable-next-line max-len
 
@@ -31,10 +31,9 @@ const contentPadding = 60;
 const contentHeight = 24;
 export default class monthCalendar extends BaseComponent {
   constructor(props) {
-    var _this, _context4;
+    var _context4;
 
     super(props);
-    _this = this;
 
     this.calcItemLimit = () => {
       this.contentCellHeight = this.cellDom.current.getBoundingClientRect().height;
@@ -213,14 +212,13 @@ export default class monthCalendar extends BaseComponent {
       return dateGridRender(date.toString(), date);
     };
 
-    this.renderWeekRow = function (index, weekDay) {
-      let events = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    this.renderWeekRow = (index, weekDay, events = {}) => {
       const {
         markWeekend
-      } = _this.props;
+      } = this.props;
       const {
         itemLimit
-      } = _this.state;
+      } = this.state;
       const {
         display,
         day
@@ -228,7 +226,7 @@ export default class monthCalendar extends BaseComponent {
       return /*#__PURE__*/React.createElement("div", {
         role: "gridcell",
         className: "".concat(prefixCls, "-weekrow"),
-        ref: _this.cellDom,
+        ref: this.cellDom,
         key: "".concat(index, "-weekrow")
       }, /*#__PURE__*/React.createElement("ul", {
         className: "".concat(prefixCls, "-skeleton")
@@ -251,17 +249,17 @@ export default class monthCalendar extends BaseComponent {
         const inner = /*#__PURE__*/React.createElement("li", {
           key: "".concat(date, "-weeksk"),
           className: listCls,
-          onClick: e => _this.handleClick(e, [date])
-        }, _this.formatDayString(month, dayString), _this.renderCusDateGrid(date));
+          onClick: e => this.handleClick(e, [date])
+        }, this.formatDayString(month, dayString), this.renderCusDateGrid(date));
 
         if (!shouldRenderCollapsed) {
           return inner;
         }
 
-        return _this.renderCollapsed(day[ind], each, listCls, month);
+        return this.renderCollapsed(day[ind], each, listCls, month);
       })), /*#__PURE__*/React.createElement("ul", {
         className: "".concat(cssClasses.PREFIX, "-event-items")
-      }, display ? _this.renderEvents(display) : null));
+      }, display ? this.renderEvents(display) : null));
     };
 
     this.renderMonthGrid = () => {
@@ -331,7 +329,7 @@ export default class monthCalendar extends BaseComponent {
       },
       setParsedEvents: parsedEvents => {
         this.setState({
-          parsedEvents
+          parsedEvents: parsedEvents
         });
       },
       setItemLimit: itemLimit => {
@@ -377,7 +375,7 @@ export default class monthCalendar extends BaseComponent {
       }
     }
 
-    if (!_isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
+    if (!isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate) {
       this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
     }
   }