@douyinfe/semi-ui 2.22.2 → 2.23.0-alpha.0

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

@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"default" | "small">;
+        size: PropTypes.Requireable<"small" | "default">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

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

@@ -123,7 +123,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

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

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -44,7 +44,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/cjs/form/baseForm.d.ts

@@ -11,7 +11,7 @@ import { BaseFormProps, FormApi } from './interface';
 interface BaseFormState {
     formId: string;
 }
-declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
+declare class Form<Values extends Record<string, any> = any> extends BaseComponent<BaseFormProps<Values>, BaseFormState> {
     static propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
@@ -128,7 +128,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
@@ -148,11 +148,11 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
     static InputGroup: typeof FormInputGroup;
     static Label: typeof Label;
     static Section: typeof Section;
-    formApi: FormApi;
-    constructor(props: BaseFormProps);
+    formApi: FormApi<Values>;
+    constructor(props: BaseFormProps<Values>);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    get adapter(): BaseFormAdapter<BaseFormProps, BaseFormState>;
+    get adapter(): BaseFormAdapter<BaseFormProps<Values>, BaseFormState, Values>;
     get content(): React.ReactNode;
     submit(e: React.FormEvent<HTMLFormElement>): void;
     reset(e: React.FormEvent<HTMLFormElement>): void;

package/lib/cjs/form/errorMessage.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-export declare type ReactFieldError = Array<any> | React.ReactNode;
+import type { BasicFieldError } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+export declare type ReactFieldError = BasicFieldError | React.ReactNode;
 export interface ErrorMessageProps {
     error?: ReactFieldError;
     className?: string;

package/lib/cjs/form/field.d.ts

@@ -76,7 +76,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "motion" | "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/form/hooks/useFormState.d.ts

@@ -1,2 +1,3 @@
-declare function useFormState(): import("@douyinfe/semi-foundation/lib/cjs/form/interface").FormState<any>;
+import { FormState } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+declare function useFormState<T extends Record<string, any> = any>(): FormState<T>;
 export default useFormState;

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

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { Subtract } from 'utility-types';
 import type { RuleItem } from 'async-validator';
-import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
-import { BaseFormApi as FormApi, FormState, WithFieldOption } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-import { SelectProps } from '../select/index';
+import type { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
+import type { BaseFormApi as FormApi, FormState, WithFieldOption, AllErrors } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
+import type { SelectProps } from '../select/index';
 import Option from '../select/option';
 import OptGroup from '../select/optionGroup';
-import { CheckboxProps } from '../checkbox/index';
-import { RadioProps } from '../radio/index';
+import type { CheckboxProps } from '../checkbox/index';
+import type { RadioProps } from '../radio/index';
 import { ReactFieldError as FieldError } from './errorMessage';
-import { LabelProps } from './label';
-export { FormState, FormApi, WithFieldOption, RuleItem };
+import type { LabelProps } from './label';
+export type { FormState, FormApi, WithFieldOption, RuleItem };
 export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;
@@ -81,19 +81,19 @@ export interface FormFCChild<K extends Record<string, any> = any> {
     values: K;
     formApi: FormApi<K>;
 }
-export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
+export interface BaseFormProps<Values extends Record<string, any> = any> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange' | 'onSubmit' | 'onReset'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
-    onSubmit?: (values: Record<string, any>) => void;
-    onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;
+    onSubmit?: (values: Values) => void;
+    onSubmitFail?: (errors: Record<keyof Values, FieldError>, values: Partial<Values>) => void;
     onReset?: () => void;
-    onValueChange?: (values: Record<string, any>, changedValue: Record<string, any>) => void;
-    onChange?: (formState: FormState) => void;
-    validateFields?: (values: Record<string, any>) => string | Record<string, any>;
+    onValueChange?: (values: Values, changedValue: Partial<Values>) => void;
+    onChange?: (formState: FormState<Values>) => void;
+    validateFields?: (values: Values) => string | Partial<AllErrors<Values>>;
     /** Use this if you want to populate the form with initial values. */
-    initValues?: Record<string, any>;
+    initValues?: Values;
     id?: string;
     /** getFormApi will be call once when Form mounted, u can save formApi reference in your component  */
-    getFormApi?: (formApi: FormApi) => void;
+    getFormApi?: (formApi: FormApi<Values>) => void;
     style?: React.CSSProperties;
     className?: string;
     layout?: 'horizontal' | 'vertical';

package/lib/cjs/image/image.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 
+var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
@@ -153,6 +155,16 @@ class Image extends _baseComponent.default {
       willUpdateStates.loadStatus = "loading";
     }
 
+    if ((0, _isObject2.default)(props.preview)) {
+      const {
+        visible
+      } = props.preview;
+
+      if ((0, _isBoolean2.default)(visible)) {
+        willUpdateStates.previewVisible = visible;
+      }
+    }
+
     return willUpdateStates;
   }
 

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

@@ -60,7 +60,7 @@ export interface PreviewProps extends BaseProps {
     onPrev?: (index: number) => void;
     onNext?: (index: number) => void;
     onRatioChange?: (type: RatioType) => void;
-    onRotateChange?: (angle: number) => void;
+    onRotateLeft?: (angle: number) => void;
     onDownload?: (src: string, index: number) => void;
 }
 export interface MenuProps {

package/lib/cjs/image/preview.d.ts

@@ -44,8 +44,8 @@ export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
         onPrev: PropTypes.Requireable<(...args: any[]) => any>;
         onNext: PropTypes.Requireable<(...args: any[]) => any>;
         onDownload: PropTypes.Requireable<(...args: any[]) => any>;
+        onRotateLeft: PropTypes.Requireable<(...args: any[]) => any>;
         onRatioChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onRotateChange: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         src: any[];

package/lib/cjs/image/preview.js

@@ -241,8 +241,8 @@ Preview.propTypes = {
   onPrev: _propTypes.default.func,
   onNext: _propTypes.default.func,
   onDownload: _propTypes.default.func,
-  onRatioChange: _propTypes.default.func,
-  onRotateChange: _propTypes.default.func
+  onRotateLeft: _propTypes.default.func,
+  onRatioChange: _propTypes.default.func
 };
 Preview.defaultProps = {
   src: [],

package/lib/cjs/image/previewImage.d.ts

@@ -13,7 +13,7 @@ export default class PreviewImage extends BaseComponent<PreviewImageProps, Previ
         zoomStep: PropTypes.Requireable<number>;
         zoom: PropTypes.Requireable<number>;
         ratio: PropTypes.Requireable<string>;
-        disableDownload: PropTypes.Requireable<number>;
+        disableDownload: PropTypes.Requireable<boolean>;
         clickZoom: PropTypes.Requireable<number>;
         setRatio: PropTypes.Requireable<(...args: any[]) => any>;
         onZoom: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/image/previewImage.js

@@ -241,7 +241,7 @@ PreviewImage.propTypes = {
   zoomStep: _propTypes.default.number,
   zoom: _propTypes.default.number,
   ratio: _propTypes.default.string,
-  disableDownload: _propTypes.default.number,
+  disableDownload: _propTypes.default.bool,
   clickZoom: _propTypes.default.number,
   setRatio: _propTypes.default.func,
   onZoom: _propTypes.default.func,

package/lib/cjs/image/previewInner.d.ts

@@ -45,7 +45,7 @@ export default class PreviewInner extends BaseComponent<PreviewInnerProps, Previ
         onNext: PropTypes.Requireable<(...args: any[]) => any>;
         onDownload: PropTypes.Requireable<(...args: any[]) => any>;
         onRatioChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onRotateChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onRotateLeft: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         showTooltip: boolean;

package/lib/cjs/image/previewInner.js

@@ -127,11 +127,19 @@ class PreviewInner extends _baseComponent.default {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       getIsInGroup: () => this.isInGroup(),
-      notifyChange: index => {
+      notifyChange: (index, direction) => {
         const {
-          onChange
+          onChange,
+          onPrev,
+          onNext
         } = this.props;
         (0, _isFunction2.default)(onChange) && onChange(index);
+
+        if (direction === "prev") {
+          onPrev && onPrev(index);
+        } else {
+          onNext && onNext(index);
+        }
       },
       notifyZoom: (zoom, increase) => {
         const {
@@ -165,9 +173,9 @@ class PreviewInner extends _baseComponent.default {
       },
       notifyRotateChange: angle => {
         const {
-          onRotateChange
+          onRotateLeft
         } = this.props;
-        (0, _isFunction2.default)(onRotateChange) && onRotateChange(angle);
+        (0, _isFunction2.default)(onRotateLeft) && onRotateLeft(angle);
       },
       notifyDownload: (src, index) => {
         const {
@@ -427,7 +435,7 @@ PreviewInner.propTypes = {
   onNext: _propTypes.default.func,
   onDownload: _propTypes.default.func,
   onRatioChange: _propTypes.default.func,
-  onRotateChange: _propTypes.default.func
+  onRotateLeft: _propTypes.default.func
 };
 PreviewInner.defaultProps = {
   showTooltip: false,

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

@@ -82,7 +82,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

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

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/locale/source/tr_TR.js

@@ -88,8 +88,8 @@ const local = {
       Wed: 'Çar',
       Thu: 'Perş',
       Fri: 'Cum',
-      Sat: 'Oturdu',
-      Sun: 'Güneş'
+      Sat: 'Cmt',
+      Sun: 'Paz'
     },
     localeFormatToken: {
       FORMAT_SWITCH_DATE: 'yyyy-MM-dd'

package/lib/cjs/navigation/Item.d.ts

@@ -12,6 +12,7 @@ export interface NavItemProps extends ItemProps, BaseProps {
     level?: number;
     link?: string;
     linkOptions?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    tabIndex?: number;
     text?: React.ReactNode;
     tooltipHideDelay?: number;
     tooltipShowDelay?: number;
@@ -45,6 +46,7 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
         link: PropTypes.Requireable<string>;
         linkOptions: PropTypes.Requireable<object>;
         disabled: PropTypes.Requireable<boolean>;
+        tabIndex: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         isSubNav: boolean;
@@ -55,6 +57,7 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
         onMouseEnter: (...args: any[]) => void;
         onMouseLeave: (...args: any[]) => void;
         disabled: boolean;
+        tabIndex: number;
     };
     foundation: ItemFoundation;
     context: NavContextType;
@@ -66,5 +69,5 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     wrapTooltip: (node: React.ReactNode) => JSX.Element;
     handleClick: (e: React.MouseEvent) => void;
     handleKeyPress: (e: React.KeyboardEvent) => void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    render(): React.ReactNode;
 }

package/lib/cjs/navigation/Item.js

@@ -170,7 +170,8 @@ class NavItem extends _baseComponent.default {
       link,
       linkOptions,
       disabled,
-      level = 0
+      level = 0,
+      tabIndex
     } = this.props;
     const {
       mode,
@@ -233,7 +234,8 @@ class NavItem extends _baseComponent.default {
         ["".concat(clsPrefix, "-sub")]: isSubNav,
         ["".concat(clsPrefix, "-selected")]: selected && !isSubNav,
         ["".concat(clsPrefix, "-collapsed")]: isCollapsed,
-        ["".concat(clsPrefix, "-disabled")]: disabled
+        ["".concat(clsPrefix, "-disabled")]: disabled,
+        ["".concat(clsPrefix, "-has-link")]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -250,7 +252,7 @@ class NavItem extends _baseComponent.default {
       _react.default.createElement("li", Object.assign({
         // if role = menuitem, the narration will read all expanded li
         role: isSubNav ? null : "menuitem",
-        tabIndex: isSubNav ? -1 : 0
+        tabIndex: isSubNav ? -1 : tabIndex
       }, ariaProps, {
         style: style,
         ref: this.setItemRef,
@@ -267,6 +269,15 @@ class NavItem extends _baseComponent.default {
       itemDom = this.wrapTooltip(itemDom);
     }
 
+    if (typeof this.context.renderWrapper === 'function') {
+      return this.context.renderWrapper({
+        itemElement: itemDom,
+        isSubNav: isSubNav,
+        isInSubNav: isInSubNav,
+        props: this.props
+      });
+    }
+
     return itemDom;
   }
 
@@ -291,7 +302,8 @@ NavItem.propTypes = {
   isSubNav: _propTypes.default.bool,
   link: _propTypes.default.string,
   linkOptions: _propTypes.default.object,
-  disabled: _propTypes.default.bool
+  disabled: _propTypes.default.bool,
+  tabIndex: _propTypes.default.number
 };
 NavItem.defaultProps = {
   isSubNav: false,
@@ -301,5 +313,6 @@ NavItem.defaultProps = {
   onClick: _noop2.default,
   onMouseEnter: _noop2.default,
   onMouseLeave: _noop2.default,
-  disabled: false
+  disabled: false,
+  tabIndex: 0
 };

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

@@ -1,5 +1,5 @@
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import React from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { NavigationAdapter } from '@douyinfe/semi-foundation/lib/cjs/navigation/foundation';
 import SubNav, { SubNavProps } from './SubNav';
@@ -63,6 +63,12 @@ export interface NavProps extends BaseProps {
         isOpen: boolean;
     }) => void;
     onSelect?: (data: OnSelectedData) => void;
+    renderWrapper?: ({ itemElement, isSubNav, isInSubNav, props }: {
+        itemElement: ReactElement;
+        isInSubNav: boolean;
+        isSubNav: boolean;
+        props: NavItemProps | SubNavProps;
+    }) => ReactNode;
 }
 export interface NavState {
     isCollapsed: boolean;

package/lib/cjs/navigation/index.js

@@ -234,7 +234,8 @@ class Nav extends _baseComponent.default {
       footer,
       header,
       toggleIconPosition,
-      limitIndent
+      limitIndent,
+      renderWrapper
     } = this.props;
     const {
       selectedKeys,
@@ -341,7 +342,8 @@ class Nav extends _baseComponent.default {
         locale,
         prefixCls,
         toggleIconPosition,
-        limitIndent
+        limitIndent,
+        renderWrapper
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls,

package/lib/cjs/navigation/nav-context.d.ts

@@ -18,6 +18,7 @@ export interface NavContextType {
     subNavCloseDelay?: NavProps['subNavCloseDelay'];
     subNavOpenDelay?: NavProps['subNavOpenDelay'];
     canUpdateOpenKeys?: boolean;
+    renderWrapper?: NavProps['renderWrapper'];
 }
 declare const NavContext: React.Context<NavContextType>;
 export default NavContext;

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

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

package/lib/cjs/rating/item.d.ts

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

package/lib/cjs/table/Body/index.js

@@ -269,7 +269,7 @@ class Body extends _baseComponent.default {
           width: tableWidth
         },
         className: tableCls
-      }, (0, _size2.default)(dataSource) === 0 ? emptySlot : children));
+      }, children), (0, _size2.default)(dataSource) === 0 && emptySlot);
     });
 
     this.onItemsRendered = props => {
@@ -308,7 +308,7 @@ class Body extends _baseComponent.default {
 
       const listStyle = {
         width: '100%',
-        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : _constants.numbers.DEFAULT_EMPTYSLOT_HEIGHT,
         overflowX: 'auto',
         overflowY: 'auto'
       };

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

@@ -52,7 +52,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -289,7 +289,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showTotal?: boolean;
         pageSize?: number;
         pageSizeOpts?: number[];
-        size?: "default" | "small";
+        size?: "small" | "default";
         currentPage?: number;
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;

package/lib/cjs/table/Table.js

@@ -678,8 +678,9 @@ class Table extends _baseComponent.default {
         useFixedHeader,
         headerRef: this._cacheHeaderRef,
         bodyRef: this.bodyWrapRef,
-        includeHeader: !useFixedHeader
-      })), emptySlot, this.renderFooter(props)];
+        includeHeader: !useFixedHeader,
+        emptySlot
+      })), this.renderFooter(props)];
       return table;
     };
 

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

@@ -15,7 +15,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;

package/lib/cjs/tabs/TabPane.js

@@ -83,9 +83,10 @@ class TabPane extends _react.PureComponent {
       className,
       style,
       children,
-      itemKey
+      itemKey,
+      tabIndex
     } = _a,
-          restProps = __rest(_a, ["className", "style", "children", "itemKey"]);
+          restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
 
     const active = this.context.activeKey === itemKey;
     const classNames = (0, _classnames.default)(className, {
@@ -123,7 +124,7 @@ class TabPane extends _react.PureComponent {
       className: classNames,
       style: style,
       "aria-hidden": active ? 'false' : 'true',
-      tabIndex: 0
+      tabIndex: tabIndex ? tabIndex : 0
     }, (0, _getDataAttr.default)(restProps), {
       "x-semi-prop": "children"
     }), /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {

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

@@ -61,6 +61,7 @@ export interface TabPaneProps {
     style?: CSSProperties;
     tab?: ReactNode;
     closable?: boolean;
+    tabIndex?: number;
 }
 export interface TabPaneTransitionProps {
     [key: string]: any;