@douyinfe/semi-ui 2.23.4 → 2.24.0-alpha.1

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

@@ -128,7 +128,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         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, "getPopupContainer" | "stopPropagation" | "motion" | "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>;

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, "getPopupContainer" | "stopPropagation" | "motion" | "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/hoc/withField.js

@@ -432,7 +432,7 @@ function withField(Component, opts) {
     const extraTextId = "".concat(a11yId, "-extraText");
     const errorMessageId = "".concat(a11yId, "-errormessage");
 
-    let FieldComponent = (() => {
+    const FieldComponent = () => {
       // prefer to use validateStatus which pass by user throught props
       let blockStatus = validateStatus ? validateStatus : status;
       const extraCls = (0, _classnames.default)("".concat(prefix, "-field-extra"), {
@@ -552,17 +552,17 @@ function withField(Component, opts) {
         "x-field-id": field,
         "x-extra-pos": mergeExtraPos
       }, withCol ? withColContent : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labelContent, fieldMainContent));
-    })(); // !important optimization
+    }; // !important optimization
 
 
     const shouldUpdate = [...Object.values(fieldState), ...Object.values(props), field, mergeLabelPos, mergeLabelAlign, formProps.disabled];
 
     if (options.shouldMemo) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      return (0, _react.useMemo)(() => FieldComponent, [...shouldUpdate]);
+      return (0, _react.useMemo)(FieldComponent, [...shouldUpdate]);
     } else {
       // Some Custom Component with inner state shouldn't be memo, otherwise the component will not updated when the internal state is updated
-      return FieldComponent;
+      return FieldComponent();
     }
   };
 

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

@@ -4,4 +4,4 @@ import Preview from "./preview";
 import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
-export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";
+export type { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

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

@@ -69,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

@@ -269,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;
   }
 

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/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent from '../_base/baseComponent';
-import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
+import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/cjs/upload/upload.css';
 import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/cjs/upload/foundation';
 import type { ValidateStatus } from '../_base/baseComponent';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;
     action: string;

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

@@ -128,7 +128,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         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, "getPopupContainer" | "stopPropagation" | "motion" | "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>;

package/lib/es/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, "getPopupContainer" | "stopPropagation" | "motion" | "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/es/form/hoc/withField.js

@@ -407,7 +407,7 @@ function withField(Component, opts) {
     const extraTextId = "".concat(a11yId, "-extraText");
     const errorMessageId = "".concat(a11yId, "-errormessage");
 
-    let FieldComponent = (() => {
+    const FieldComponent = () => {
       // prefer to use validateStatus which pass by user throught props
       let blockStatus = validateStatus ? validateStatus : status;
       const extraCls = classNames("".concat(prefix, "-field-extra"), {
@@ -524,17 +524,17 @@ function withField(Component, opts) {
         "x-field-id": field,
         "x-extra-pos": mergeExtraPos
       }, withCol ? withColContent : /*#__PURE__*/React.createElement(React.Fragment, null, labelContent, fieldMainContent));
-    })(); // !important optimization
+    }; // !important optimization
 
 
     const shouldUpdate = [...Object.values(fieldState), ...Object.values(props), field, mergeLabelPos, mergeLabelAlign, formProps.disabled];
 
     if (options.shouldMemo) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      return useMemo(() => FieldComponent, [...shouldUpdate]);
+      return useMemo(FieldComponent, [...shouldUpdate]);
     } else {
       // Some Custom Component with inner state shouldn't be memo, otherwise the component will not updated when the internal state is updated
-      return FieldComponent;
+      return FieldComponent();
     }
   };
 

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

@@ -4,4 +4,4 @@ import Preview from "./preview";
 import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
-export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";
+export type { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

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

@@ -69,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/es/navigation/Item.js

@@ -247,6 +247,15 @@ export default class NavItem extends BaseComponent {
       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;
   }
 

package/lib/es/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/es/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/es/navigation/index.js

@@ -205,7 +205,8 @@ class Nav extends BaseComponent {
       footer,
       header,
       toggleIconPosition,
-      limitIndent
+      limitIndent,
+      renderWrapper
     } = this.props;
     const {
       selectedKeys,
@@ -310,7 +311,8 @@ class Nav extends BaseComponent {
         locale,
         prefixCls,
         toggleIconPosition,
-        limitIndent
+        limitIndent,
+        renderWrapper
       }
     }, /*#__PURE__*/React.createElement("div", {
       className: finalCls,

package/lib/es/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/es/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -3,12 +3,12 @@ import PropTypes from 'prop-types';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent from '../_base/baseComponent';
-import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
+import type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
 import type { CustomFile, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import type { ValidateStatus } from '../_base/baseComponent';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export type { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
 export interface UploadProps {
     accept?: string;
     action: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.23.4",
+    "version": "2.24.0-alpha.1",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.23.4",
-        "@douyinfe/semi-animation-react": "2.23.4",
-        "@douyinfe/semi-foundation": "2.23.4",
-        "@douyinfe/semi-icons": "2.23.4",
-        "@douyinfe/semi-illustrations": "2.23.4",
-        "@douyinfe/semi-theme-default": "2.23.4",
+        "@douyinfe/semi-animation": "2.24.0-alpha.0",
+        "@douyinfe/semi-animation-react": "2.24.0-alpha.0",
+        "@douyinfe/semi-foundation": "2.24.0-alpha.1",
+        "@douyinfe/semi-icons": "2.24.0-alpha.0",
+        "@douyinfe/semi-illustrations": "2.24.0-alpha.0",
+        "@douyinfe/semi-theme-default": "2.24.0-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "39123342dc7146f2afb9d7c6e1a8f108b2c04a9c",
+    "gitHead": "90ea17a3aac528ba12f034b7f0940f1395ee1a30",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",