@douyinfe/semi-ui 2.51.4 → 2.52.0-beta.0

package/lib/cjs/_utils/index.d.ts

@@ -11,7 +11,8 @@ export declare function stopPropagation(e: React.MouseEvent | React.FocusEvent<H
  *
  * skip clone function and react element
  */
-export declare function cloneDeep(value: any, customizer?: (value: any) => void): any;
+export declare function cloneDeep<T>(value: T): T;
+export declare function cloneDeep<T>(value: T, customizer: (value: any) => any): any;
 /**
  * [getHighLightTextHTML description]
  *

package/lib/cjs/_utils/index.js

@@ -33,11 +33,6 @@ function stopPropagation(e, noImmediate) {
     e.nativeEvent.stopImmediatePropagation();
   }
 }
-/**
- * use in Table, Form, Navigation
- *
- * skip clone function and react element
- */
 function cloneDeep(value, customizer) {
   return (0, _cloneDeepWith2.default)(value, v => {
     if (typeof customizer === 'function') {

package/lib/cjs/avatar/TopSlotSvg.d.ts

@@ -0,0 +1,5 @@
+declare const TopSlotSvg: ({ gradientStart, gradientEnd }: {
+    gradientStart: string;
+    gradientEnd: string;
+}) => JSX.Element;
+export default TopSlotSvg;

package/lib/cjs/avatar/TopSlotSvg.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TopSlotSvg = _ref => {
+  let {
+    gradientStart,
+    gradientEnd
+  } = _ref;
+  const id = (0, _uuid.getUuidShort)();
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "51",
+    height: "52",
+    viewBox: "0 0 51 52",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    filter: "url(#filter0_d_6_2)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M40.4918 46.5592C44.6795 43.176 46.261 34.1333 47.5301 25.6141C49.5854 11.8168 39.6662 1 25.8097 1C11.2857 1 3 11.4279 3 25.3518C3 33.7866 6.29361 43.8947 10.4602 46.5592C12.5868 47.9192 12.5868 47.9051 25.8097 47.9192C38.3651 47.9282 38.5352 48.14 40.4918 46.5592Z",
+    fill: `url(#${id})`
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
+    id: "filter0_d_6_2",
+    x: "0.789215",
+    y: "0.447304",
+    width: "49.2216",
+    height: "51.3549",
+    filterUnits: "userSpaceOnUse",
+    colorInterpolationFilters: "sRGB"
+  }, /*#__PURE__*/_react.default.createElement("feFlood", {
+    floodOpacity: "0",
+    result: "BackgroundImageFix"
+  }), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
+    in: "SourceAlpha",
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+    result: "hardAlpha"
+  }), /*#__PURE__*/_react.default.createElement("feOffset", {
+    dy: "1.65809"
+  }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
+    stdDeviation: "1.10539"
+  }), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
+    type: "matrix",
+    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"
+  }), /*#__PURE__*/_react.default.createElement("feBlend", {
+    mode: "normal",
+    in2: "BackgroundImageFix",
+    result: "effect1_dropShadow_6_2"
+  }), /*#__PURE__*/_react.default.createElement("feBlend", {
+    mode: "normal",
+    in: "SourceGraphic",
+    in2: "effect1_dropShadow_6_2",
+    result: "shape"
+  })), /*#__PURE__*/_react.default.createElement("linearGradient", {
+    id: id,
+    x1: "17.671",
+    y1: "31.7392",
+    x2: "17.671",
+    y2: "47.9333",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/_react.default.createElement("stop", {
+    stopColor: gradientStart
+  }), /*#__PURE__*/_react.default.createElement("stop", {
+    offset: "1",
+    stopColor: gradientEnd
+  }))));
+};
+var _default = TopSlotSvg;
+exports.default = _default;

package/lib/cjs/avatar/index.d.ts

@@ -40,6 +40,29 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        bottomSlot: PropTypes.Requireable<PropTypes.InferProps<{
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+            shape: PropTypes.Requireable<string>;
+            text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            bgColor: PropTypes.Requireable<string>;
+            textColor: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+        }>>;
+        topSlot: PropTypes.Requireable<PropTypes.InferProps<{
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+            gradientStart: PropTypes.Requireable<string>;
+            gradientEnd: PropTypes.Requireable<string>;
+            text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            textColor: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+        }>>;
+        border: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
+            color: PropTypes.Requireable<string>;
+            motion: PropTypes.Requireable<boolean>;
+        }>>>;
+        contentMotion: PropTypes.Requireable<boolean>;
     };
     foundation: AvatarFoundation;
     avatarRef: React.RefObject<HTMLElement | null>;
@@ -55,5 +78,7 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
     handleFocusVisible: (event: React.FocusEvent) => void;
     handleBlur: (event: React.FocusEvent) => void;
     getContent: () => React.ReactNode;
+    renderBottomSlot: () => string | number | boolean | React.ReactFragment | JSX.Element;
+    renderTopSlot: () => string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }

package/lib/cjs/avatar/index.js

@@ -14,6 +14,7 @@ require("@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css");
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
+var _TopSlotSvg = _interopRequireDefault(require("./TopSlotSvg"));
 var _interface = require("./interface");
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -107,6 +108,64 @@ class Avatar extends _baseComponent.default {
       }
       return content;
     };
+    this.renderBottomSlot = () => {
+      var _a, _b;
+      if (!this.props.bottomSlot) {
+        return null;
+      }
+      if (this.props.bottomSlot.render) {
+        return this.props.bottomSlot.render();
+      }
+      const renderContent = (_a = this.props.bottomSlot.render) !== null && _a !== void 0 ? _a : () => {
+        var _a;
+        const style = {};
+        if (this.props.bottomSlot.bgColor) {
+          style['backgroundColor'] = this.props.bottomSlot.bgColor;
+        }
+        if (this.props.bottomSlot.textColor) {
+          style['color'] = this.props.bottomSlot.textColor;
+        }
+        return /*#__PURE__*/_react.default.createElement("span", {
+          style: style,
+          className: (0, _classnames.default)(`${prefixCls}-bottom_slot-shape_${this.props.bottomSlot.shape}`, `${prefixCls}-bottom_slot-shape_${this.props.bottomSlot.shape}-${this.props.size}`, (_a = this.props.bottomSlot.className) !== null && _a !== void 0 ? _a : "")
+        }, this.props.bottomSlot.text);
+      };
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)([`${prefixCls}-bottom_slot`]),
+        style: (_b = this.props.bottomSlot.style) !== null && _b !== void 0 ? _b : {}
+      }, renderContent());
+    };
+    this.renderTopSlot = () => {
+      var _a, _b, _c, _d;
+      if (!this.props.topSlot) {
+        return null;
+      }
+      if (this.props.topSlot.render) {
+        return this.props.topSlot.render();
+      }
+      const textStyle = {};
+      if (this.props.topSlot.textColor) {
+        textStyle['color'] = this.props.topSlot.textColor;
+      }
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: (_a = this.props.topSlot.style) !== null && _a !== void 0 ? _a : {},
+        className: (0, _classnames.default)([`${prefixCls}-top_slot-wrapper`, (_b = this.props.topSlot.className) !== null && _b !== void 0 ? _b : "", {
+          [`${prefixCls}-animated`]: this.props.contentMotion
+        }])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)([`${prefixCls}-top_slot-bg`, `${prefixCls}-top_slot-bg-${this.props.size}`])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)([`${prefixCls}-top_slot-bg-svg`, `${prefixCls}-top_slot-bg-svg-${this.props.size}`])
+      }, /*#__PURE__*/_react.default.createElement(_TopSlotSvg.default, {
+        gradientStart: (_c = this.props.topSlot.gradientStart) !== null && _c !== void 0 ? _c : "var(--semi-color-primary)",
+        gradientEnd: (_d = this.props.topSlot.gradientEnd) !== null && _d !== void 0 ? _d : "var(--semi-color-primary)"
+      }))), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)([`${prefixCls}-top_slot`])
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: textStyle,
+        className: (0, _classnames.default)([`${prefixCls}-top_slot-content`, `${prefixCls}-top_slot-content-${this.props.size}`])
+      }, this.props.topSlot.text)));
+    };
     this.state = {
       isImgExist: true,
       hoverContent: '',
@@ -224,7 +283,8 @@ class Avatar extends _baseComponent.default {
     }
   }
   render() {
-    const _a = this.props,
+    var _a, _b;
+    const _c = this.props,
       {
         shape,
         children,
@@ -238,9 +298,13 @@ class Avatar extends _baseComponent.default {
         srcSet,
         style,
         alt,
-        gap
-      } = _a,
-      others = __rest(_a, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap"]);
+        gap,
+        bottomSlot,
+        topSlot,
+        border,
+        contentMotion
+      } = _c,
+      others = __rest(_c, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt", "gap", "bottomSlot", "topSlot", "border", "contentMotion"]);
     const {
       isImgExist,
       hoverContent,
@@ -252,14 +316,15 @@ class Avatar extends _baseComponent.default {
       [`${prefixCls}-${size}`]: size,
       [`${prefixCls}-${color}`]: color && !isImg,
       [`${prefixCls}-img`]: isImg,
-      [`${prefixCls}-focus`]: focusVisible
+      [`${prefixCls}-focus`]: focusVisible,
+      [`${prefixCls}-animated`]: contentMotion
     }, className);
     const hoverRender = hoverContent ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-hover`,
       "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
-    return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, others, {
-      style: style,
+    let avatar = /*#__PURE__*/_react.default.createElement("span", Object.assign({}, others, {
+      style: border || bottomSlot || topSlot || border ? {} : style,
       className: avatarCls,
       onClick: onClick,
       onMouseEnter: this.onEnter,
@@ -267,6 +332,36 @@ class Avatar extends _baseComponent.default {
       role: 'listitem',
       ref: this.avatarRef
     }), this.getContent(), hoverRender);
+    if (border) {
+      const borderStyle = {};
+      if (border === null || border === void 0 ? void 0 : border.color) {
+        borderStyle['borderColor'] = border.color;
+      }
+      avatar = /*#__PURE__*/_react.default.createElement("div", {
+        style: Object.assign({
+          position: "relative"
+        }, style)
+      }, avatar, /*#__PURE__*/_react.default.createElement("span", {
+        style: borderStyle,
+        className: (0, _classnames.default)([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
+          [`${prefixCls}-${shape}`]: shape
+        }])
+      }), ((_a = this.props.border) === null || _a === void 0 ? void 0 : _a.motion) && /*#__PURE__*/_react.default.createElement("span", {
+        style: borderStyle,
+        className: (0, _classnames.default)([`${prefixCls}-additionalBorder`, `${prefixCls}-additionalBorder-${size}`, {
+          [`${prefixCls}-${shape}`]: shape,
+          [`${prefixCls}-additionalBorder-animated`]: (_b = this.props.border) === null || _b === void 0 ? void 0 : _b.motion
+        }])
+      }));
+    }
+    if (bottomSlot || topSlot || border) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)([`${prefixCls}-wrapper`]),
+        style: style
+      }, avatar, topSlot && ["small", "default", "medium", "large", "extra-large"].includes(size) && shape === "circle" && this.renderTopSlot(), bottomSlot && ["small", "default", "medium", "large", "extra-large"].includes(size) && this.renderBottomSlot());
+    } else {
+      return avatar;
+    }
   }
 }
 exports.default = Avatar;
@@ -295,6 +390,29 @@ Avatar.propTypes = {
   onError: _propTypes.default.func,
   onClick: _propTypes.default.func,
   onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func
+  onMouseLeave: _propTypes.default.func,
+  bottomSlot: _propTypes.default.shape({
+    render: _propTypes.default.func,
+    shape: _propTypes.default.oneOf(['circle', 'square']),
+    text: _propTypes.default.node,
+    bgColor: _propTypes.default.string,
+    textColor: _propTypes.default.string,
+    className: _propTypes.default.string,
+    style: _propTypes.default.object
+  }),
+  topSlot: _propTypes.default.shape({
+    render: _propTypes.default.func,
+    gradientStart: _propTypes.default.string,
+    gradientEnd: _propTypes.default.string,
+    text: _propTypes.default.node,
+    textColor: _propTypes.default.string,
+    className: _propTypes.default.string,
+    style: _propTypes.default.object
+  }),
+  border: _propTypes.default.oneOfType([_propTypes.default.shape({
+    color: _propTypes.default.string,
+    motion: _propTypes.default.bool
+  }), _propTypes.default.bool]),
+  contentMotion: _propTypes.default.bool
 };
 Avatar.elementType = 'Avatar';

package/lib/cjs/avatar/interface.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { BaseProps } from '../_base/baseComponent';
 export type AvatarShape = 'circle' | 'square';
 export type AvatarSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
@@ -18,6 +18,29 @@ export interface AvatarProps extends BaseProps {
     onMouseEnter?: React.MouseEventHandler;
     onMouseLeave?: React.MouseEventHandler;
     imgAttr?: React.ImgHTMLAttributes<HTMLImageElement>;
+    bottomSlot?: {
+        render?: () => React.ReactNode;
+        shape?: "circle" | "square";
+        text: React.ReactNode;
+        bgColor: string;
+        textColor: string;
+        className: string;
+        style?: CSSProperties;
+    };
+    topSlot?: {
+        render?: () => React.ReactNode;
+        gradientStart?: string;
+        gradientEnd?: string;
+        text: React.ReactNode;
+        textColor: string;
+        className: string;
+        style?: CSSProperties;
+    };
+    border?: {
+        color?: string;
+        motion?: boolean;
+    } & boolean;
+    contentMotion?: boolean;
 }
 export type AvatarGroupShape = 'circle' | 'square';
 export type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';

package/lib/cjs/cascader/index.d.ts

@@ -191,10 +191,9 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
-    handleTagRemoveInTrigger: (pos: string) => void;
-    handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
+    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
+    handleRemoveByKey: (key: any) => void;
     renderTagItem: (nodeKey: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
-    onRemoveInTagInput: (v: string) => void;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

package/lib/cjs/cascader/index.js

@@ -43,13 +43,14 @@ class Cascader extends _baseComponent.default {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemoveInTrigger = pos => {
-      this.foundation.handleTagRemoveInTrigger(pos);
+    this.handleTagRemove = (e, tagValuePath) => {
+      this.foundation.handleTagRemove(e, tagValuePath);
     };
-    this.handleTagClose = (tagChildren, e, tagKey) => {
-      // When value has not changed, prevent clicking tag closeBtn to close tag
-      e.preventDefault();
-      this.foundation.handleTagRemoveByKey(tagKey);
+    this.handleRemoveByKey = key => {
+      const {
+        keyEntities
+      } = this.state;
+      this.handleTagRemove(null, keyEntities[key].valuePath);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -77,18 +78,18 @@ class Cascader extends _baseComponent.default {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
-            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: this.handleTagClose
+            onClose: (tagChildren, e) => {
+              // When value has not changed, prevent clicking tag closeBtn to close tag
+              e.preventDefault();
+              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
+            }
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
-    this.onRemoveInTagInput = v => {
-      this.foundation.handleTagRemoveByKey(v);
-    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -288,7 +289,6 @@ class Cascader extends _baseComponent.default {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
-      var _a;
       const {
         disabled,
         triggerRender,
@@ -299,26 +299,17 @@ class Cascader extends _baseComponent.default {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys,
-        keyEntities
+        checkedKeys
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === _constants.strings.NONE_MERGE_TYPE) {
-          realValue = new Set();
-          checkedKeys.forEach(key => {
-            var _a;
-            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
-          });
+          realValue = checkedKeys;
         } else {
-          realValue = new Set();
-          resolvedCheckedKeys.forEach(key => {
-            var _a;
-            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
-          });
+          realValue = resolvedCheckedKeys;
         }
       } else {
-        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
+        realValue = [...selectedKeys][0];
       }
       return /*#__PURE__*/_react.default.createElement(_trigger.default, {
         value: realValue,
@@ -331,7 +322,7 @@ class Cascader extends _baseComponent.default {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleTagRemoveInTrigger
+        onRemove: this.handleRemoveByKey
       });
     };
     this.handleMouseOver = () => {
@@ -815,11 +806,11 @@ class Cascader extends _baseComponent.default {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: this.renderTagItem,
+      renderTagItem: (value, index) => this.renderTagItem(value, index),
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: this.onRemoveInTagInput,
+      onRemove: v => this.handleTagRemove(null, v),
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });

package/lib/cjs/datePicker/datePicker.js

@@ -471,7 +471,7 @@ class DatePicker extends _baseComponent.default {
     return /range/i.test(type) && !(0, _isFunction2.default)(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (!(0, _isEqual2.default)(prevProps.value, this.props.value)) {
+    if (prevProps.value !== this.props.value) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({

package/lib/cjs/datePicker/yearAndMonth.js

@@ -48,6 +48,16 @@ class YearAndMonth extends _baseComponent.default {
       currentYear,
       currentMonth
     } = props;
+    const currentLeftYear = currentYear.left || now.getFullYear();
+    const currentLeftMonth = currentMonth.left || now.getMonth() + 1;
+    currentYear = {
+      left: currentLeftYear,
+      right: currentLeftYear
+    };
+    currentMonth = {
+      left: currentLeftMonth,
+      right: currentMonth.right || currentLeftMonth + 1
+    };
     this.state = {
       years: (0, _index2.getYears)(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -57,14 +67,8 @@ class YearAndMonth extends _baseComponent.default {
         value: idx + 1,
         month: idx + 1
       })),
-      currentYear: {
-        left: currentYear.left || now.getFullYear(),
-        right: currentYear.right || now.getFullYear()
-      },
-      currentMonth: {
-        left: currentMonth.left || now.getMonth() + 1,
-        right: currentMonth.right || now.getMonth() + 2
-      }
+      currentYear,
+      currentMonth
     };
     this.yearRef = /*#__PURE__*/_react.default.createRef();
     this.monthRef = /*#__PURE__*/_react.default.createRef();
@@ -101,19 +105,11 @@ class YearAndMonth extends _baseComponent.default {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!(0, _isEqual2.default)(props.currentYear, state.currentYear)) {
-      const nowYear = new Date().getFullYear();
-      willUpdateStates.currentYear = {
-        left: props.currentYear.left || nowYear,
-        right: props.currentYear.right || nowYear
-      };
+    if (!(0, _isEqual2.default)(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
+      willUpdateStates.currentYear = props.currentYear;
     }
-    if (!(0, _isEqual2.default)(props.currentMonth, state.currentMonth)) {
-      const nowMonth = new Date().getMonth();
-      willUpdateStates.currentMonth = {
-        left: props.currentMonth.left || nowMonth + 1,
-        right: props.currentMonth.right || nowMonth + 2
-      };
+    if (!(0, _isEqual2.default)(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
+      willUpdateStates.currentMonth = props.currentMonth;
     }
     return willUpdateStates;
   }

package/lib/cjs/dropdown/dropdownItem.js

@@ -44,7 +44,8 @@ class DropdownItem extends _baseComponent.default {
     const events = {};
     if (!disabled) {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
-        if (eventName === "onClick") {
+        const isInAnotherDropdown = this.context.level !== 1;
+        if (isInAnotherDropdown && eventName === "onClick") {
           events["onMouseDown"] = e => {
             var _a, _b;
             if (e.button === 0) {

package/lib/cjs/form/hoc/withField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { WithFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-import type { CommonFieldProps, CommonexcludeType } from '../interface';
-import type { Subtract } from 'utility-types';
+import { WithFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+import { CommonFieldProps, CommonexcludeType } from '../interface';
+import { Subtract } from 'utility-types';
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation

package/lib/cjs/input/index.d.ts

@@ -51,6 +51,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     preventScroll?: boolean;
     /** internal prop, DatePicker use it */
     showClearIgnoreDisabled?: boolean;
+    onlyBorder?: number;
 }
 export interface InputState {
     value: React.ReactText;

package/lib/cjs/input/index.js

@@ -340,9 +340,10 @@ class Input extends _baseComponent.default {
         getValueLength,
         preventScroll,
         borderless,
-        showClearIgnoreDisabled
+        showClearIgnoreDisabled,
+        onlyBorder
       } = _a,
-      rest = __rest(_a, ["addonAfter", "addonBefore", "autoFocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled"]);
+      rest = __rest(_a, ["addonAfter", "addonBefore", "autoFocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled", "onlyBorder"]);
     const {
       value,
       isFocus,
@@ -370,7 +371,8 @@ class Input extends _baseComponent.default {
       [`${wrapperPrefix}-modebtn`]: mode === 'password',
       [`${wrapperPrefix}-hidden`]: type === 'hidden',
       [`${wrapperPrefix}-${size}`]: size,
-      [`${prefixCls}-borderless`]: borderless
+      [`${prefixCls}-borderless`]: borderless,
+      [`${prefixCls}-only_border`]: onlyBorder !== undefined && onlyBorder !== null
     });
     const inputCls = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-${size}`]: size,
@@ -404,12 +406,18 @@ class Input extends _baseComponent.default {
     if (validateStatus === 'error') {
       inputProps['aria-invalid'] = 'true';
     }
+    let wrapperStyle = Object.assign({}, style);
+    if (onlyBorder !== undefined) {
+      wrapperStyle = Object.assign({
+        borderWidth: onlyBorder
+      }, style);
+    }
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
       _react.default.createElement("div", {
         className: wrapperCls,
-        style: style,
+        style: wrapperStyle,
         onMouseEnter: e => this.handleMouseOver(e),
         onMouseLeave: e => this.handleMouseLeave(e),
         onClick: e => this.handleClick(e)

package/lib/cjs/modal/Modal.d.ts

@@ -66,6 +66,7 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         lazyRender: PropTypes.Requireable<boolean>;
         direction: PropTypes.Requireable<string>;
         fullScreen: PropTypes.Requireable<boolean>;
+        footerFill: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         zIndex: number;