@douyinfe/semi-ui 2.51.3 → 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/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/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;

package/lib/cjs/modal/Modal.js

@@ -55,7 +55,8 @@ class Modal extends _baseComponent.default {
         cancelText,
         confirmLoading,
         cancelLoading,
-        hasCancel
+        hasCancel,
+        footerFill
       } = this.props;
       const getCancelButton = locale => {
         if (!hasCancel) {
@@ -66,6 +67,7 @@ class Modal extends _baseComponent.default {
             onClick: this.handleCancel,
             loading: cancelLoading === undefined ? this.state.onCancelReturnPromiseStatus === "pending" : cancelLoading,
             type: "tertiary",
+            block: footerFill,
             autoFocus: true
           }, this.props.cancelButtonProps, {
             "x-semi-children-alias": "cancelText"
@@ -74,10 +76,15 @@ class Modal extends _baseComponent.default {
       };
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Modal"
-      }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", null, getCancelButton(locale), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+      }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)({
+          [`${_constants.cssClasses.DIALOG}-footerfill`]: footerFill
+        })
+      }, getCancelButton(locale), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
         "aria-label": "confirm",
         type: okType,
         theme: "solid",
+        block: footerFill,
         loading: confirmLoading === undefined ? this.state.onOKReturnPromiseStatus === "pending" : confirmLoading,
         onClick: this.handleOk
       }, this.props.okButtonProps, {
@@ -311,7 +318,8 @@ Modal.propTypes = {
   keepDOM: _propTypes.default.bool,
   lazyRender: _propTypes.default.bool,
   direction: _propTypes.default.oneOf(_constants.strings.directions),
-  fullScreen: _propTypes.default.bool
+  fullScreen: _propTypes.default.bool,
+  footerFill: _propTypes.default.bool
 };
 Modal.defaultProps = {
   zIndex: 1000,

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

@@ -51,6 +51,7 @@ export declare function withInfo(props: ModalReactProps): {
     direction?: any;
     fullScreen?: boolean;
     preventScroll?: boolean;
+    footerFill?: boolean;
     type: "info";
 };
 export declare function withSuccess(props: ModalReactProps): {
@@ -94,6 +95,7 @@ export declare function withSuccess(props: ModalReactProps): {
     direction?: any;
     fullScreen?: boolean;
     preventScroll?: boolean;
+    footerFill?: boolean;
     type: "success";
 };
 export declare function withWarning(props: ModalReactProps): {
@@ -137,6 +139,7 @@ export declare function withWarning(props: ModalReactProps): {
     direction?: any;
     fullScreen?: boolean;
     preventScroll?: boolean;
+    footerFill?: boolean;
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
@@ -179,6 +182,7 @@ export declare function withError(props: ModalReactProps): {
     onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     lazyRender?: boolean;
     fullScreen?: boolean;
+    footerFill?: boolean;
     type: "error";
     okButtonProps: {
         id?: string;
@@ -506,5 +510,6 @@ export declare function withConfirm(props: ModalReactProps): {
     direction?: any;
     fullScreen?: boolean;
     preventScroll?: boolean;
+    footerFill?: boolean;
     type: "confirm";
 };

package/lib/cjs/slider/index.js

@@ -35,6 +35,7 @@ class Slider extends _baseComponent.default {
   constructor(props) {
     super(props);
     this.renderHandle = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const {
         vertical,
         range,
@@ -133,6 +134,14 @@ class Slider extends _baseComponent.default {
         "aria-valuenow": currentValue,
         "aria-valuemax": max,
         "aria-valuemin": min
+      }), this.props.handleDot && /*#__PURE__*/_react.default.createElement("div", {
+        className: _constants.cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_a = this.props.handleDot) === null || _a === void 0 ? void 0 : _a.size) ? {
+          width: this.props.handleDot.size,
+          height: this.props.handleDot.size
+        } : {}), ((_b = this.props.handleDot) === null || _b === void 0 ? void 0 : _b.color) ? {
+          backgroundColor: this.props.handleDot.color
+        } : {})
       }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
         content: tipChildren.min,
         position: "top",
@@ -184,6 +193,14 @@ class Slider extends _baseComponent.default {
         "aria-valuenow": currentValue[0],
         "aria-valuemax": currentValue[1],
         "aria-valuemin": min
+      }), ((_c = this.props.handleDot) === null || _c === void 0 ? void 0 : _c[0]) && /*#__PURE__*/_react.default.createElement("div", {
+        className: _constants.cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_d = this.props.handleDot[0]) === null || _d === void 0 ? void 0 : _d.size) ? {
+          width: this.props.handleDot[0].size,
+          height: this.props.handleDot[0].size
+        } : {}), ((_e = this.props.handleDot[0]) === null || _e === void 0 ? void 0 : _e.color) ? {
+          backgroundColor: this.props.handleDot[0].color
+        } : {})
       }))), /*#__PURE__*/_react.default.createElement(_index.default, {
         content: tipChildren.max,
         position: "top",
@@ -235,6 +252,14 @@ class Slider extends _baseComponent.default {
         "aria-valuenow": currentValue[1],
         "aria-valuemax": max,
         "aria-valuemin": currentValue[0]
+      }), ((_f = this.props.handleDot) === null || _f === void 0 ? void 0 : _f[1]) && /*#__PURE__*/_react.default.createElement("div", {
+        className: _constants.cssClasses.HANDLE_DOT,
+        style: Object.assign(Object.assign({}, ((_g = this.props.handleDot[1]) === null || _g === void 0 ? void 0 : _g.size) ? {
+          width: this.props.handleDot[1].size,
+          height: this.props.handleDot[1].size
+        } : {}), ((_h = this.props.handleDot[1]) === null || _h === void 0 ? void 0 : _h.color) ? {
+          backgroundColor: this.props.handleDot[1].color
+        } : {})
       }))));
       return handleContents;
     };
@@ -652,7 +677,14 @@ Slider.propTypes = {
   showBoundary: _propTypes.default.bool,
   railStyle: _propTypes.default.object,
   verticalReverse: _propTypes.default.bool,
-  getAriaValueText: _propTypes.default.func
+  getAriaValueText: _propTypes.default.func,
+  handleDot: _propTypes.default.oneOfType([_propTypes.default.shape({
+    size: _propTypes.default.string,
+    color: _propTypes.default.string
+  }), _propTypes.default.arrayOf(_propTypes.default.shape({
+    size: _propTypes.default.string,
+    color: _propTypes.default.string
+  }))])
 };
 Slider.defaultProps = {
   // allowClear: false,

package/lib/cjs/table/ColumnFilter.d.ts

@@ -1,34 +1,50 @@
 import React from 'react';
 import { DropdownProps } from '../dropdown';
-import { Trigger, Position } from '../tooltip';
 import { FilterIcon, Filter, OnFilterDropdownVisibleChange, RenderFilterDropdownItem } from './interface';
-export interface ColumnFilterProps {
+export default function ColumnFilter(props?: ColumnFilterProps): React.ReactElement;
+export interface ColumnFilterProps extends Omit<RenderDropdownProps, keyof RenderFilterDropdownProps> {
     prefixCls?: string;
     filteredValue?: any[];
     filterIcon?: FilterIcon;
     filterDropdown?: React.ReactElement;
-    renderFilterDropdown?: (props: RenderDropdownProps, options: {
-        iconElem: React.ReactNode;
-    }) => React.ReactElement;
-    filterDropdownProps?: DropdownProps;
-    onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;
-    onSelect?: (data: OnSelectData) => void;
-}
-export default function ColumnFilter(props?: ColumnFilterProps): React.ReactElement;
-export interface OnSelectData {
-    value: any;
-    filteredValue: any;
-    included: boolean;
-    domEvent: React.MouseEvent<HTMLElement>;
+    filterDropdownProps?: FilterDropdownProps;
+    filters?: Filter[];
 }
-export interface RenderDropdownProps {
+export interface RenderDropdownProps extends FilterDropdownProps, RenderFilterDropdownProps {
     filterMultiple?: boolean;
     filters?: Filter[];
     filteredValue?: any[];
     filterDropdownVisible?: boolean;
     onSelect?: (data: OnSelectData) => void;
     onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;
-    trigger?: Trigger;
-    position?: Position;
+    renderFilterDropdown?: (props?: RenderFilterDropdownProps) => React.ReactNode;
     renderFilterDropdownItem?: RenderFilterDropdownItem;
 }
+export interface FilterDropdownProps extends Omit<DropdownProps, 'render' | 'onVisibleChange'> {
+}
+export interface OnSelectData {
+    value?: any;
+    /** only this value is used now  */
+    filteredValue: any;
+    included?: boolean;
+    domEvent?: React.MouseEvent<HTMLElement>;
+}
+export interface RenderFilterDropdownProps {
+    /** temporary filteredValue  */
+    tempFilteredValue: any[];
+    /** set temporary filteredValue  */
+    setTempFilteredValue: (tempFilteredValue: any[]) => void;
+    /** set tempFilteredValue to filteredValue. You can also pass filteredValue to directly set the filteredValue  */
+    confirm: (props?: {
+        closeDropdown?: boolean;
+        filteredValue?: any[];
+    }) => void;
+    /** clear tempFilteredValue and filteredValue  */
+    clear: (props?: {
+        closeDropdown?: boolean;
+    }) => void;
+    /** close dropdown  */
+    close: () => void;
+    /** column filters  */
+    filters?: RenderDropdownProps['filters'];
+}