@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/es/cascader/foundation.js

@@ -1,3 +1,12 @@
+import _includes from "lodash/includes";
+import _isNumber from "lodash/isNumber";
+import _isEmpty from "lodash/isEmpty";
+import _cloneDeep from "lodash/cloneDeep";
+import _assign from "lodash/assign";
+import _isUndefined from "lodash/isUndefined";
+import _difference from "lodash/difference";
+import _get from "lodash/get";
+import _isEqual from "lodash/isEqual";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
@@ -11,7 +20,6 @@ import _everyInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
 import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
-import { isEqual, get, difference, isUndefined, assign, cloneDeep, isEmpty, isNumber, includes } from 'lodash-es';
 import BaseFoundation from '../base/foundation';
 import { filter, findAncestorKeys, calcCheckedKeysForUnchecked, calcCheckedKeysForChecked, calcCheckedKeys, findDescendantKeys, normalizeKeyList } from '../tree/treeUtil';
 import { convertDataToEntities, findKeysForValues, normalizedArr, isValid } from './util'; // eslint-disable-next-line max-len
@@ -34,7 +42,7 @@ export default class CascaderFoundation extends BaseFoundation {
       if (isSearching) {
         const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
           didLeave: function () {
-            const didLeave = get(motion, 'didLeave');
+            const didLeave = _get(motion, 'didLeave');
 
             if (typeof didLeave === 'function') {
               didLeave(...arguments);
@@ -91,7 +99,7 @@ export default class CascaderFoundation extends BaseFoundation {
 
       this._adapter.notifyChange(valuePath);
     } else {
-      const valuePath = isUndefined(item) || !('key' in item) ? [] : this.getItemPropPath(item.key, valueProp);
+      const valuePath = _isUndefined(item) || !('key' in item) ? [] : this.getItemPropPath(item.key, valueProp);
 
       this._adapter.notifyChange(valuePath);
     }
@@ -135,7 +143,7 @@ export default class CascaderFoundation extends BaseFoundation {
     const res = {};
 
     _forEachInstanceProperty(_context2 = normalizedArr(items)).call(_context2, key => {
-      res[key] = cloneDeep(this.getState(key));
+      res[key] = _cloneDeep(this.getState(key));
     });
 
     return res;
@@ -168,13 +176,13 @@ export default class CascaderFoundation extends BaseFoundation {
     let cacheValue;
     /* selectedKeys does not match keyEntities */
 
-    if (isEmpty(keyEntities[selectedKey])) {
-      if (includes(selectedKey, 'not-exist-')) {
+    if (_isEmpty(keyEntities[selectedKey])) {
+      if (_includes(selectedKey, 'not-exist-')) {
         /* Get the value behind not-exist- */
         // eslint-disable-next-line prefer-destructuring
         const targetValue = selectedKey.match(/not-exist-(\S*)/)[1]; // eslint-disable-next-line max-depth
 
-        if (isEmpty(keyEntities[targetValue])) {
+        if (_isEmpty(keyEntities[targetValue])) {
           cacheValue = targetValue;
         } else {
           /**
@@ -228,7 +236,7 @@ export default class CascaderFoundation extends BaseFoundation {
 
     if (init) {
       cacheValue = defaultValue;
-    } else if (!isEmpty(keyEntities)) {
+    } else if (!_isEmpty(keyEntities)) {
       cacheValue = this._getCacheValue(keyEntities);
     }
 
@@ -333,7 +341,7 @@ export default class CascaderFoundation extends BaseFoundation {
          * be cleared.
          */
 
-      } else if (isEqual(selectedKeys, _Array$from(selectedKeysState))) {
+      } else if (_isEqual(selectedKeys, _Array$from(selectedKeysState))) {
         updateStates = this._getClearSelectedKey(filterable);
       }
     } else if (value && value.length) {
@@ -361,7 +369,7 @@ export default class CascaderFoundation extends BaseFoundation {
     } else if (loading) {
       // Use assign to avoid overwriting the'not-exist- * 'property of keyEntities after asynchronous loading
       // Overwriting'not-exist- * 'will cause selectionContent to be emptied unexpectedly when clicking on a dropDown item
-      updateStates.keyEntities = assign(keyEntitieState, keyEntities);
+      updateStates.keyEntities = _assign(keyEntitieState, keyEntities);
 
       this._adapter.updateStates(updateStates);
 
@@ -408,7 +416,7 @@ export default class CascaderFoundation extends BaseFoundation {
 
     const newActiveKeys = new _Set(selectedItem.path);
 
-    if (!isEqual(newActiveKeys, activeKeys)) {
+    if (!_isEqual(newActiveKeys, activeKeys)) {
       this._adapter.updateStates({
         activeKeys: newActiveKeys
       });
@@ -706,7 +714,7 @@ export default class CascaderFoundation extends BaseFoundation {
     const curMergedCheckedKeys = new _Set(normalizeKeyList(curCheckedKeys, keyEntities));
     const curRealCheckedKeys = autoMergeValue ? curMergedCheckedKeys : curCheckedKeys;
 
-    if (isNumber(max)) {
+    if (_isNumber(max)) {
       if (autoMergeValue) {
         // When it exceeds max, the quantity is allowed to be reduced, and no further increase is allowed
         if (mergedCheckedKeys.size < curMergedCheckedKeys.size && curMergedCheckedKeys.size > max) {
@@ -775,7 +783,7 @@ export default class CascaderFoundation extends BaseFoundation {
 
     const nonDisabled = _filterInstanceProperty(descendantKeys).call(descendantKeys, key => !disabledKeys.has(key));
 
-    const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : difference(normalizeKeyList([...checkedKeys], keyEntities, true), nonDisabled);
+    const newCheckedKeys = targetStatus ? [...nonDisabled, ...checkedKeys] : _difference(normalizeKeyList([...checkedKeys], keyEntities, true), nonDisabled);
     return calcCheckedKeys(newCheckedKeys, keyEntities);
   }
 
@@ -811,7 +819,7 @@ export default class CascaderFoundation extends BaseFoundation {
     const values = [];
 
     _forEachInstanceProperty(keys).call(keys, key => {
-      if (!isEmpty(keyEntities) && !isEmpty(keyEntities[key])) {
+      if (!_isEmpty(keyEntities) && !_isEmpty(keyEntities[key])) {
         const valueItem = keyEntities[key].data.value;
         values.push(valueItem);
       }
@@ -1000,7 +1008,7 @@ export default class CascaderFoundation extends BaseFoundation {
       keyEntities
     } = this.getStates();
     const lastActiveKey = [...activeKeys][activeKeys.size - 1];
-    const data = lastActiveKey ? get(keyEntities, [lastActiveKey, 'data'], null) : null;
+    const data = lastActiveKey ? _get(keyEntities, [lastActiveKey, 'data'], null) : null;
 
     this._adapter.notifyListScroll(e, {
       panelIndex: ind,
@@ -1022,9 +1030,9 @@ export default class CascaderFoundation extends BaseFoundation {
       return;
     }
 
-    const removedItem = _filterInstanceProperty(_context11 = _Object$values(keyEntities)).call(_context11, item => isEqual(item.valuePath, tagValuePath))[0];
+    const removedItem = _filterInstanceProperty(_context11 = _Object$values(keyEntities)).call(_context11, item => _isEqual(item.valuePath, tagValuePath))[0];
 
-    !isEmpty(removedItem) && !removedItem.data.disabled && this._handleMultipleSelect(removedItem);
+    !_isEmpty(removedItem) && !removedItem.data.disabled && this._handleMultipleSelect(removedItem);
   }
 
 }

package/lib/es/cascader/util.js

@@ -1,3 +1,6 @@
+import _isEqual from "lodash/isEqual";
+import _isUndefined from "lodash/isUndefined";
+import _isNull from "lodash/isNull";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -5,7 +8,6 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-import { isNull, isUndefined, isEqual } from 'lodash-es';
 
 function getPosition(level, index) {
   var _context;
@@ -14,7 +16,7 @@ function getPosition(level, index) {
 }
 
 export function isValid(val) {
-  return !isNull(val) && !isUndefined(val);
+  return !_isNull(val) && !_isUndefined(val);
 }
 export function normalizedArr(val) {
   if (!_Array$isArray(val)) {
@@ -83,7 +85,7 @@ export function findKeysForValues(value, keyEntities) {
 
   const valuePath = normalizedArr(value);
 
-  const res = _mapInstanceProperty(_context2 = _filterInstanceProperty(_context3 = _Object$values(keyEntities)).call(_context3, item => isEqual(item.valuePath, valuePath))).call(_context2, item => item.key);
+  const res = _mapInstanceProperty(_context2 = _filterInstanceProperty(_context3 = _Object$values(keyEntities)).call(_context3, item => _isEqual(item.valuePath, valuePath))).call(_context2, item => item.key);
 
   return res;
 }

package/lib/es/checkbox/checkbox.css

@@ -36,12 +36,14 @@
 }
 .semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   background: var(--semi-color-primary-hover);
+  box-shadow: none;
 }
 .semi-checkbox:active .semi-checkbox-inner-display {
   background: var(--semi-color-fill-1);
 }
 .semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   background: var(--semi-color-primary-active);
+  box-shadow: none;
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display {
   background: var(--semi-color-disabled-fill);
@@ -49,6 +51,7 @@
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   background: var(--semi-color-primary-disabled);
+  box-shadow: none;
 }
 .semi-checkbox-inner {
   position: relative;
@@ -89,7 +92,7 @@
 }
 .semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
   background: var(--semi-color-primary-hover);
-  box-shadow: inset 0 0 0 1px var(--semi-color-focus-border);
+  box-shadow: none;
   color: var(--semi-color-white);
 }
 .semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
@@ -107,6 +110,7 @@
   background: var(--semi-color-primary-active);
   border-color: var(--semi-color-primary-active);
   color: var(--semi-color-white);
+  box-shadow: none;
 }
 .semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
   background: var(--semi-color-primary-active);
@@ -158,10 +162,18 @@
 }
 .semi-checkbox-cardType_checked {
   background: var(--semi-color-primary-light-default);
-  border: 1px solid var(--semi-color-focus-border);
+  border: 1px solid var(--semi-color-primary);
 }
 .semi-checkbox-cardType_checked:hover {
   background: var(--semi-color-primary-light-default);
+  border-color: var(--semi-color-primary-hover);
+}
+.semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
+  box-shadow: none;
+}
+.semi-checkbox-cardType_checked:active {
+  background: var(--semi-color-primary-light-default);
+  border-color: var(--semi-color-primary-active);
 }
 .semi-checkbox-cardType_disabled:active {
   background: transparent;
@@ -169,6 +181,13 @@
 .semi-checkbox-cardType_disabled:hover {
   background: transparent;
 }
+.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
+  background: var(--semi-color-primary-light-default);
+  border: 1px solid var(--semi-color-primary-disabled);
+}
+.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
+  box-shadow: none;
+}
 .semi-checkbox-indeterminate .semi-checkbox-inner-display, .semi-checkbox-checked .semi-checkbox-inner-display {
   background: var(--semi-color-primary);
   color: var(--semi-color-white);

package/lib/es/checkbox/checkbox.scss

@@ -44,6 +44,7 @@ $module: #{$prefix}-checkbox;
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
                 background: $color-checkbox_checked-bg-hover;
+                box-shadow: none;
             }
         }
     }
@@ -56,6 +57,7 @@ $module: #{$prefix}-checkbox;
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
                 background: $color-checkbox_checked-bg-active;
+                box-shadow: none;
             }
         }
     }
@@ -70,6 +72,7 @@ $module: #{$prefix}-checkbox;
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
                 background: $color-checkbox_checked-bg-disabled;
+                box-shadow: none;
             }
         }
     }
@@ -125,7 +128,7 @@ $module: #{$prefix}-checkbox;
 
         &.#{$module}-indeterminate .#{$module}-inner-display {
             background: $color-checkbox_checked-bg-hover;
-            box-shadow: inset 0 0 0 $size-checkbox_inner-shadow $color-checkbox_default-border-hover;
+            box-shadow: none;
             color: $color-checkbox_checked-icon-hover;
         }
 
@@ -153,6 +156,7 @@ $module: #{$prefix}-checkbox;
             background: $color-checkbox_checked-bg-active;
             border-color: $color-checkbox_checked-border-active;
             color: $color-checkbox_checked-icon-active;
+            box-shadow: none;
         }
 
         .#{$module}-inner-checked {
@@ -222,6 +226,15 @@ $module: #{$prefix}-checkbox;
 
             &:hover {
                 background: $color-checkbox_cardType_checked-bg;
+                border-color: $color-checkbox_cardType_checked_border-hover;
+                .#{$module}-inner-checked .#{$module}-inner-display {
+                    box-shadow: none;
+                }
+            }
+
+            &:active {
+                background: $color-checkbox_cardType_checked-bg;
+                border-color: $color-checkbox_cardType_checked_border-active;
             }
         }
 
@@ -233,6 +246,17 @@ $module: #{$prefix}-checkbox;
                 background: transparent;
             }
         }
+
+        &_checked_disabled.#{$module}-cardType  {
+            background: $color-checkbox_cardType_checked_disabled-bg;
+            border: $width-checkbox_cardType_checked_disabled-border solid $color-checkbox_cardType_checked_disabled_border-default;
+
+            &:hover {
+                .#{$module}-inner-checked .#{$module}-inner-display {
+                    box-shadow: none;
+                }
+            }
+        }
     }
 
     &-indeterminate,

package/lib/es/checkbox/checkboxFoundation.d.ts

@@ -7,6 +7,9 @@ export interface BasicCheckboxEvent {
     target: BasicTargetObject;
     stopPropagation: () => void;
     preventDefault: () => void;
+    nativeEvent: {
+        stopImmediatePropagation: () => void;
+    };
 }
 export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
@@ -20,18 +23,22 @@ export interface CheckboxAdapter<P = Record<string, any>, S = Record<string, any
 declare class CheckboxFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CheckboxAdapter<P, S>, P, S> {
     constructor(adapter: CheckboxAdapter<P, S>);
     init(): void;
-    getEvent(checked: boolean, e: MouseEvent): {
+    getEvent(checked: boolean, e: any): {
         target: any;
         stopPropagation: () => void;
         preventDefault: () => void;
+        nativeEvent: {
+            stopImmediatePropagation: () => void;
+        };
     };
-    notifyChange(checked: boolean, e: MouseEvent): void;
-    handleChange(e: MouseEvent): void;
-    handleChangeInGroup(e: MouseEvent): void;
+    notifyChange(checked: boolean, e: any): void;
+    handleChange(e: any): void;
+    handleChangeInGroup(e: any): void;
     setChecked(checked: boolean): void;
     destroy(): void;
 }
 export interface BaseCheckboxProps {
+    id?: string;
     autoFocus?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;

package/lib/es/checkbox/checkboxFoundation.js

@@ -21,6 +21,13 @@ class CheckboxFoundation extends BaseFoundation {
       },
       preventDefault: () => {
         e.preventDefault();
+      },
+      nativeEvent: {
+        stopImmediatePropagation: () => {
+          if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+            e.nativeEvent.stopImmediatePropagation();
+          }
+        }
       }
     };
     return cbValue;

package/lib/es/checkbox/variables.scss

@@ -19,9 +19,13 @@ $color-checkbox_checked-border-default: var(--semi-color-primary); // 选框选
 $color-checkbox_checked-border-hover: var(--semi-color-primary-hover); // 选框选中态描边颜色 - 悬浮
 $color-checkbox_checked-border-active: var(--semi-color-primary-active); // 选框选中态描边颜色 - 按下
 $color-checkbox_cardType_checked-bg: var(--semi-color-primary-light-default); // 卡片类型复选框选中时的背景颜色 - 默认
+$color-checkbox_cardType_checked_disabled-bg: var(--semi-color-primary-light-default); // 卡片类型复选框选中且禁用时的背景颜色 - 默认
 $color-checkbox_cardType-bg-hover: var(--semi-color-fill-0); // 卡片类型复选框选中时的背景颜色 - 悬浮
 $color-checkbox_cardType-bg-active: var(--semi-color-fill-1); // 卡片类型复选框选中时的背景颜色 - 按下
-$color-checkbox_cardType_checked_border-default: var(--semi-color-focus-border); //卡片类型复选框选中时的边框颜色 - 默认
+$color-checkbox_cardType_checked_border-default: var(--semi-color-primary); //卡片类型复选框选中时的边框颜色 - 默认
+$color-checkbox_cardType_checked_border-hover: var(--semi-color-primary-hover); //卡片类型复选框选中时的边框颜色 - 悬浮
+$color-checkbox_cardType_checked_border-active: var(--semi-color-primary-active); //卡片类型复选框选中时的边框颜色 - 按下
+$color-checkbox_cardType_checked_disabled_border-default: var(--semi-color-primary-disabled); //卡片类型复选框选中且禁用时的边框颜色 - 默认
 $color-checkbox_cardType_addon-text-default: var(--semi-color-text-0); // 卡片类型复选框 addon 的文字颜色 - 默认
 $color-checkbox_cardType_extra-text-default: var(--semi-color-text-2); // 卡片类型复选框 extra 的文字颜色 - 默认
 $color-checkbox_cardType_inner-bg-hover: var(--semi-color-white); // 卡片类型复选框 inner 的背景颜色 - 悬浮
@@ -37,6 +41,7 @@ $size-checkbox_inner-shadow: $border-thickness-control; // 选框内描边宽度
 $width-checkbox_inner: $width-icon-medium; // 选框对勾 icon 宽度
 $height-checkbox_inner: 20px; // 选框对勾 icon 高度
 $width-checkbox_cardType_checked-border: 1px; // 卡片类型复选框的边框宽度
+$width-checkbox_cardType_checked_disabled-border: 1px; // 卡片类型复选框选中且禁用的边框宽度
 
 $radius-checkbox_cardType: 3px; // 卡片类型复选框的圆角大小
 $radius-checkbox_inner: var(--semi-border-radius-extra-small); // 选框圆角

package/lib/es/datePicker/_utils/getFullDateOffset.js

@@ -1,4 +1,4 @@
-import { isFunction } from 'lodash-es';
+import _isFunction from "lodash/isFunction";
 import { strings } from '../constants';
 import { format } from 'date-fns';
 /**
@@ -13,7 +13,7 @@ const getFullDateOffset = (fn, date) => {
   }
 
   const getDate = new Date(date);
-  const offsetDate = isFunction(fn) ? fn(getDate) : getDate;
+  const offsetDate = _isFunction(fn) ? fn(getDate) : getDate;
   return format(new Date(offsetDate), strings.FORMAT_FULL_DATE);
 };
 

package/lib/es/datePicker/foundation.js

@@ -1,3 +1,7 @@
+import _isEqual from "lodash/isEqual";
+import _isString from "lodash/isString";
+import _isObject from "lodash/isObject";
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
@@ -17,7 +21,6 @@ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 
 /* eslint-disable max-len, max-depth,  */
 import { format, isValid, isSameSecond, isEqual as isDateEqual, isDate } from 'date-fns';
-import { get, isObject, isString, isEqual } from 'lodash-es';
 import BaseFoundation from '../base/foundation';
 import { isValidDate, isTimestamp } from './_utils/index';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -163,7 +166,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     if (isValidDate(value)) {
       dateObj = value;
-    } else if (isString(value)) {
+    } else if (_isString(value)) {
       dateObj = compatiableParse(value, this.getProp('format'), undefined, dateFnsLocale);
     } else if (isTimestamp(value)) {
       dateObj = new Date(value);
@@ -232,7 +235,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
       const newCachedSelectedValue = _Array$isArray(dates) && dates.length ? dates : value;
 
-      if (!isEqual(newCachedSelectedValue, cachedSelectedValue)) {
+      if (!_isEqual(newCachedSelectedValue, cachedSelectedValue)) {
         this._adapter.updateCachedSelectedValue(newCachedSelectedValue);
       }
     }
@@ -284,7 +287,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     if (result && result.length || input === '') {
       // If you click the clear button
-      if (get(e, inputStrings.CLEARBTN_CLICKED_EVENT_FLAG) && this._isControlledComponent('value')) {
+      if (_get(e, inputStrings.CLEARBTN_CLICKED_EVENT_FLAG) && this._isControlledComponent('value')) {
         this._notifyChange(result);
 
         return;
@@ -300,7 +303,7 @@ export default class DatePickerFoundation extends BaseFoundation {
           this._adapter.updateCachedSelectedValue(result);
         }
 
-        if (!isEqual(result, stateValue)) {
+        if (!_isEqual(result, stateValue)) {
           this._notifyChange(result);
         }
       }
@@ -422,7 +425,7 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     const changedDates = this._getChangedDates(parsedResult);
 
-    if (!this._someDateDisabled(changedDates) && !isEqual(parsedResult, stateValue)) {
+    if (!this._someDateDisabled(changedDates) && !_isEqual(parsedResult, stateValue)) {
       this._notifyChange(parsedResult);
     }
   }
@@ -668,15 +671,17 @@ export default class DatePickerFoundation extends BaseFoundation {
 
     const controlled = this._isControlledComponent();
 
-    const fromPreset = isObject(options) ? options.fromPreset : options;
-    const closePanel = get(options, 'closePanel', true);
+    const fromPreset = _isObject(options) ? options.fromPreset : options;
+
+    const closePanel = _get(options, 'closePanel', true);
     /**
      * It is used to determine whether the panel can be stowed. In a Range type component, it is necessary to select both starting Time and endTime before stowing.
      * To determine whether both starting Time and endTime have been selected, it is used to judge whether the two inputs have been Focused.
      * This variable is used to indicate whether such a judgment is required. In the scene with shortcut operations, it is not required.
      */
 
-    const needCheckFocusRecord = get(options, 'needCheckFocusRecord', true);
+
+    const needCheckFocusRecord = _get(options, 'needCheckFocusRecord', true);
 
     if (this._adapter.needConfirm()) {
       this._adapter.updateCachedSelectedValue(value);
@@ -720,7 +725,7 @@ export default class DatePickerFoundation extends BaseFoundation {
         }
       }
 
-      if (!isEqual(value, stateValue)) {
+      if (!_isEqual(value, stateValue)) {
         this._notifyChange(value);
       }
     }

package/lib/es/datePicker/monthsGridFoundation.js

@@ -1,3 +1,6 @@
+import _isEqual from "lodash/isEqual";
+import _isSet from "lodash/isSet";
+import _includes from "lodash/includes";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
@@ -15,7 +18,6 @@ import { format, set, addMonths, subMonths, subYears, addYears, differenceInCale
 import { isBefore, isValidDate, getDefaultFormatToken, getFullDateOffset } from './_utils/index';
 import { formatFullDate } from './_utils/getMonthTable';
 import { compatiableParse } from './_utils/parser';
-import { includes, isSet, isEqual } from 'lodash-es';
 import { zonedTimeToUtc } from '../utils/date-fns-extra';
 import { getDefaultFormatTokenByType } from './_utils/getDefaultFormatToken';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
@@ -92,7 +94,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
       }
     } else if (_Array$isArray(values) && !values.length || !values) {
       // Empty panel when value is empty Select date
-      if (isSet(selected) && selected.size) {
+      if (_isSet(selected) && selected.size) {
         this._adapter.updateDaySelected(new _Set());
       }
 
@@ -398,7 +400,7 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const fn = dateCalcFns[type];
     const targetMonth = fn(pickerDate, step); // Determine if the date has changed
 
-    const panelDateHasUpdate = panelType === strings.PANEL_TYPE_LEFT && !isEqual(targetMonth, monthLeft.pickerDate) || panelType === strings.PANEL_TYPE_RIGHT && !isEqual(targetMonth, monthRight.pickerDate);
+    const panelDateHasUpdate = panelType === strings.PANEL_TYPE_LEFT && !_isEqual(targetMonth, monthLeft.pickerDate) || panelType === strings.PANEL_TYPE_RIGHT && !_isEqual(targetMonth, monthRight.pickerDate);
 
     this._updatePanelDetail(panelType, {
       pickerDate: targetMonth
@@ -755,15 +757,15 @@ export default class MonthsGridFoundation extends BaseFoundation {
     const formatProp = this.getProp('format') || strings.FORMAT_TIME_PICKER;
     const timeFormatTokens = [];
 
-    if (includes(formatProp, 'h') || includes(formatProp, 'H')) {
+    if (_includes(formatProp, 'h') || _includes(formatProp, 'H')) {
       timeFormatTokens.push('HH');
     }
 
-    if (includes(formatProp, 'm')) {
+    if (_includes(formatProp, 'm')) {
       timeFormatTokens.push('mm');
     }
 
-    if (includes(formatProp, 's')) {
+    if (_includes(formatProp, 's')) {
       timeFormatTokens.push('ss');
     }
 

package/lib/es/form/foundation.js

@@ -1,3 +1,6 @@
+import _toPath from "lodash/toPath";
+import _isFunction from "lodash/isFunction";
+import _isUndefined from "lodash/isUndefined";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
@@ -13,7 +16,6 @@ import BaseFoundation from '../base/foundation';
 import * as ObjectUtil from '../utils/object';
 import isPromise from '../utils/isPromise';
 import { isValid } from './utils';
-import { isUndefined, isFunction, toPath } from 'lodash-es';
 import scrollIntoView from 'scroll-into-view-if-needed';
 export default class FormFoundation extends BaseFoundation {
   constructor(adapter) {
@@ -153,7 +155,7 @@ export default class FormFoundation extends BaseFoundation {
       validateFields
     } = this.getProps();
 
-    if (validateFields && isFunction(validateFields)) {
+    if (validateFields && _isFunction(validateFields)) {
       return this._formValidate();
     } else {
       return this._fieldsValidate(fieldPaths);
@@ -299,8 +301,9 @@ export default class FormFoundation extends BaseFoundation {
     let nestedFieldPath = new _Map();
 
     _forEachInstanceProperty(allFieldPath).call(allFieldPath, item => {
-      let itemPath = toPath(item);
-      let targetPath = toPath(path);
+      let itemPath = _toPath(item);
+
+      let targetPath = _toPath(path);
 
       if (itemPath[0] === targetPath[0]) {
         const realField = allRegisterField.get(item);
@@ -315,12 +318,12 @@ export default class FormFoundation extends BaseFoundation {
   _getOperateFieldMap(fieldPaths) {
     let targetFields = new _Map();
 
-    if (!isUndefined(fieldPaths)) {
+    if (!_isUndefined(fieldPaths)) {
       // reset or validate spcific fields
       _forEachInstanceProperty(fieldPaths).call(fieldPaths, path => {
         const field = this.fields.get(path); // may be undefined, if exists two fields like 'a[0]'、'a[1]', but user directly call reset(['a']) / validate(['a'])
 
-        if (isUndefined(field)) {
+        if (_isUndefined(field)) {
           const nestedFields = this._getNestedField(path);
 
           targetFields = new _Map([...targetFields, ...nestedFields]);

package/lib/es/form/utils.js

@@ -1,3 +1,4 @@
+import _cloneDeep from "lodash/cloneDeep";
 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,7 +24,6 @@ var __rest = this && this.__rest || function (s, e) {
 
 
 import AsyncValidator from 'async-validator';
-import { cloneDeep } from 'lodash-es';
 export function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
   return originName ? "SemiField".concat(originName) : 'SemiField';
@@ -168,7 +168,7 @@ export function mergeProps(props) {
   delete rest.checked;
 
   if (typeof initValue !== 'undefined') {
-    initValue = cloneDeep(initValue);
+    initValue = _cloneDeep(initValue);
   }
 
   const required = isRequired(rules);