@douyinfe/semi-ui 2.1.3 → 2.1.6-alpha.0

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

@@ -3,7 +3,7 @@ import ModalFoundation, { ModalAdapter, ModalProps, ModalState } from '@douyinfe
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
 import BaseComponent from '../_base/baseComponent';
-import useModal from '../modal/useModal';
+import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
 export declare const destroyFns: any[];
 export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
@@ -30,8 +30,8 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         closable: PropTypes.Requireable<boolean>;
         centered: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
         confirmLoading: PropTypes.Requireable<boolean>;
         cancelLoading: PropTypes.Requireable<boolean>;
         okText: PropTypes.Requireable<string>;
@@ -101,23 +101,23 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     static getScrollbarWidth(): number;
     static info: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static success: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static error: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static warning: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static confirm: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static destroyAll: () => void;
     componentDidMount(): void;

package/lib/cjs/modal/Modal.js

@@ -48,9 +48,9 @@ require("@douyinfe/semi-foundation/lib/cjs/modal/modal.css");
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _confirm = _interopRequireWildcard(require("../modal/confirm"));
+var _confirm = _interopRequireWildcard(require("./confirm"));
 
-var _useModal = _interopRequireDefault(require("../modal/useModal"));
+var _useModal = _interopRequireDefault(require("./useModal"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -343,8 +343,8 @@ Modal.propTypes = {
   closable: _propTypes.default.bool,
   centered: _propTypes.default.bool,
   visible: _propTypes.default.bool,
-  width: _propTypes.default.number,
-  height: _propTypes.default.number,
+  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   confirmLoading: _propTypes.default.bool,
   cancelLoading: _propTypes.default.bool,
   okText: _propTypes.default.string,

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

@@ -30,7 +30,7 @@ export declare function withInfo(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -38,7 +38,7 @@ export declare function withInfo(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -71,7 +71,7 @@ export declare function withSuccess(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -79,7 +79,7 @@ export declare function withSuccess(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -112,7 +112,7 @@ export declare function withWarning(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -120,7 +120,7 @@ export declare function withWarning(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -153,7 +153,7 @@ export declare function withError(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -161,7 +161,7 @@ export declare function withError(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;
@@ -194,7 +194,7 @@ export declare function withConfirm(props: ModalReactProps): {
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
-    height?: number;
+    height?: string | number;
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
@@ -202,7 +202,7 @@ export declare function withConfirm(props: ModalReactProps): {
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;

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

@@ -36,8 +36,8 @@ export interface NavProps extends BaseProps {
     defaultIsCollapsed?: boolean;
     defaultOpenKeys?: React.ReactText[];
     defaultSelectedKeys?: React.ReactText[];
-    footer?: React.ReactNode | NavHeaderProps;
-    header?: React.ReactNode | NavFooterProps;
+    footer?: React.ReactNode | NavFooterProps;
+    header?: React.ReactNode | NavHeaderProps;
     isCollapsed?: boolean;
     items?: NavItems;
     limitIndent?: boolean;

package/lib/cjs/pagination/index.js

@@ -40,6 +40,8 @@ var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants")
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
+var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
+
 var _context7 = _interopRequireDefault(require("../configProvider/context"));
 
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
@@ -78,6 +80,7 @@ class Pagination extends _baseComponent.default {
     this.foundation = new _foundation.default(this.adapter);
     this.renderDefaultPage = (0, _bind.default)(_context = this.renderDefaultPage).call(_context, this);
     this.renderSmallPage = (0, _bind.default)(_context2 = this.renderSmallPage).call(_context2, this);
+    (0, _warning.default)(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
 
   get adapter() {
@@ -370,7 +373,8 @@ class Pagination extends _baseComponent.default {
       className,
       style,
       hideOnSinglePage,
-      hoverShowPageSelect
+      hoverShowPageSelect,
+      showSizeChanger
     } = this.props;
     const paginationCls = (0, _classnames.default)("".concat(prefixCls, "-small"), prefixCls, className);
     const {
@@ -380,7 +384,7 @@ class Pagination extends _baseComponent.default {
     } = this.state;
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 
@@ -410,13 +414,14 @@ class Pagination extends _baseComponent.default {
       showTotal,
       className,
       style,
-      hideOnSinglePage
+      hideOnSinglePage,
+      showSizeChanger
     } = this.props;
     const paginationCls = (0, _classnames.default)(className, "".concat(prefixCls));
     const showTotalCls = "".concat(prefixCls, "-total");
     const totalPageNum = Math.ceil(total / pageSize);
 
-    if (totalPageNum < 2 && hideOnSinglePage) {
+    if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
       return null;
     }
 

package/lib/cjs/radio/radio.js

@@ -149,6 +149,7 @@ class Radio extends _baseComponent.default {
       ["".concat(prefix, "-cardRadioGroup")]: isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_disabled")]: isDisabled && isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
+      ["".concat(prefix, "-cardRadioGroup_checked_disabled")]: isCardRadioGroup && realChecked && isDisabled,
       ["".concat(prefix, "-cardRadioGroup_hover")]: isCardRadioGroup && !realChecked && isHover && !isDisabled,
       [className]: Boolean(className)
     });

package/lib/cjs/rating/item.js

@@ -114,7 +114,8 @@ class Item extends _react.PureComponent {
       "aria-checked": value > index ? 'true' : 'false',
       "aria-posinset": index + 1,
       "aria-setsize": count,
-      tabIndex: 0
+      tabIndex: 0,
+      className: "".concat(prefixCls, "-wrapper")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-first"),
       style: {

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

@@ -48,6 +48,7 @@ export declare type RenderMultipleSelectedItemFn = (optionNode: Record<string, a
 };
 export declare type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
 export declare type SelectProps = {
+    id?: string;
     autoFocus?: boolean;
     arrowIcon?: React.ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;

package/lib/cjs/select/index.js

@@ -762,7 +762,9 @@ class Select extends _baseComponent.default {
           key: value
         }), content);
       } else {
-        return content;
+        return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+          key: value
+        }, content);
       }
     });
     const contentWrapperCls = (0, _classnames.default)({
@@ -873,6 +875,7 @@ class Select extends _baseComponent.default {
       multiple,
       filter,
       style,
+      id,
       size,
       className,
       validateStatus,
@@ -946,6 +949,7 @@ class Select extends _baseComponent.default {
       ref: ref => this.triggerRef.current = ref,
       onClick: e => this.foundation.handleClick(e),
       style: style,
+      id: id,
       tabIndex: tabIndex,
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave,

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

@@ -176,7 +176,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
     _invokeColumnFn: (key: string, funcName: string, ...args: any[]) => void;
     _cacheHeaderRef: (node: HTMLDivElement) => void;
     getCurrentPageData: () => any;
-    getColumns: (columns: ColumnProps<RecordType>[], children: ReactNode) => ColumnProps<any>[];
+    getColumns: (columns: ColumnProps<RecordType>[], children: ReactNode) => ColumnProps<RecordType>[];
     getCellWidths: (...args: any[]) => number[];
     setHeadWidths: (...args: any[]) => void;
     getHeadWidths: (...args: any[]) => number[];

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
 export interface TimelineItemProps {
     color?: string;
-    time?: string;
+    time?: React.ReactNode;
     type?: 'default' | 'ongoing' | 'success' | 'warning' | 'error';
     dot?: React.ReactNode;
     extra?: React.ReactNode;
@@ -14,7 +14,7 @@ export interface TimelineItemProps {
 export default class Item extends PureComponent<TimelineItemProps> {
     static propTypes: {
         color: PropTypes.Requireable<string>;
-        time: PropTypes.Requireable<string>;
+        time: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         type: PropTypes.Requireable<string>;
         dot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/timeline/item.js

@@ -68,9 +68,9 @@ class Item extends _react.PureComponent {
       className: dotCls
     }, dotStyle), dot), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
-    }, children, extra ? /*#__PURE__*/_react.default.createElement("div", {
+    }, children, extra && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content-extra")
-    }, extra) : null, /*#__PURE__*/_react.default.createElement("div", {
+    }, extra), time && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content-time")
     }, time)));
   }
@@ -80,7 +80,7 @@ class Item extends _react.PureComponent {
 exports.default = Item;
 Item.propTypes = {
   color: _propTypes.default.string,
-  time: _propTypes.default.string,
+  time: _propTypes.default.node,
   type: _propTypes.default.oneOf(_constants.strings.ITEM_TYPE),
   dot: _propTypes.default.node,
   extra: _propTypes.default.node,

package/lib/cjs/tree/treeNode.js

@@ -100,8 +100,6 @@ class TreeNode extends _react.PureComponent {
       const {
         onNodeRightClick
       } = this.context;
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
       onNodeRightClick(e, this.props);
     };
 

package/lib/cjs/treeSelect/index.js

@@ -769,6 +769,7 @@ class TreeSelect extends _baseComponent.default {
           itemSize: virtualize.itemSize,
           height: height,
           width: width,
+          // @ts-ignore avoid strict check of itemKey
           itemKey: this.itemKey,
           itemData: flattenNodes,
           className: "".concat(prefixTree, "-virtual-list"),

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 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -136,7 +136,16 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     static defaultProps: Partial<UploadProps>;
     static FileCard: typeof FileCard;
     constructor(props: UploadProps);
-    static getDerivedStateFromProps(props: UploadProps): Partial<UploadState> | null;
+    /**
+     * Notes:
+     *   The input parameter and return value here do not declare the type, otherwise tsc may report an error in form/fields.tsx when wrap after withField
+     *   `The types of the parameters "props" and "nextProps" are incompatible.
+           The attribute "action" is missing in the type "Readonly<any>", but it is required in the type "UploadProps".`
+     *   which seems to be a bug, remove props type declare here
+     */
+    static getDerivedStateFromProps(props: any): {
+        fileList: any;
+    };
     get adapter(): UploadAdapter<UploadProps, UploadState>;
     foundation: UploadFoundation;
     inputRef: RefObject<HTMLInputElement>;

package/lib/cjs/upload/index.js

@@ -293,6 +293,14 @@ class Upload extends _baseComponent.default {
     this.inputRef = /*#__PURE__*/_react.default.createRef();
     this.replaceInputRef = /*#__PURE__*/_react.default.createRef();
   }
+  /**
+   * Notes:
+   *   The input parameter and return value here do not declare the type, otherwise tsc may report an error in form/fields.tsx when wrap after withField
+   *   `The types of the parameters "props" and "nextProps" are incompatible.
+         The attribute "action" is missing in the type "Readonly<any>", but it is required in the type "UploadProps".`
+   *   which seems to be a bug, remove props type declare here
+   */
+
 
   static getDerivedStateFromProps(props) {
     const {

package/lib/es/_base/base.css

@@ -399,7 +399,7 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
   --semi-color-border: rgba(var(--semi-grey-9), .08);
   --semi-color-nav-bg: rgba(var(--semi-white), 1);
-  --semi-overlay-bg: rgba(22, 22, 26, .6);
+  --semi-color-overlay-bg: rgba(22, 22, 26, .6);
   --semi-color-fill-0: rgba(var(--semi-grey-8), .05);
   --semi-color-fill-1: rgba(var(--semi-grey-8), .09);
   --semi-color-fill-2: rgba(var(--semi-grey-8), .13);
@@ -486,7 +486,7 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: rgba(35, 36, 41, 1);
   --semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);
-  --semi-overlay-bg: rgba(22, 22, 26, .6);
+  --semi-color-overlay-bg: rgba(22, 22, 26, .6);
   --semi-color-fill-0: rgba(var(--semi-white), .05);
   --semi-color-fill-1: rgba(var(--semi-white), .09);
   --semi-color-fill-2: rgba(var(--semi-white), .13);

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

@@ -7,6 +7,7 @@ export declare type Size = 'default' | 'small' | 'large';
 export declare type Theme = 'solid' | 'borderless' | 'light';
 export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface ButtonProps {
+    id?: string;
     block?: boolean;
     circle?: boolean;
     disabled?: boolean;

package/lib/es/button/buttonGroup.js

@@ -15,7 +15,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React from 'react';
+import React, { isValidElement, cloneElement } from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/button/constants';
@@ -38,13 +38,13 @@ export default class ButtonGroup extends BaseComponent {
     if (children) {
       var _context;
 
-      inner = _mapInstanceProperty(_context = _Array$isArray(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/React.cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
+      inner = _mapInstanceProperty(_context = _Array$isArray(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
-      })));
+      })) : itm);
     }
 
     return /*#__PURE__*/React.createElement("div", {

package/lib/es/cascader/item.js

@@ -49,6 +49,11 @@ export default class Item extends PureComponent {
       } = this.props; // Prevent Checkbox's click event bubbling to trigger the li click event
 
       e.stopPropagation();
+
+      if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
+        e.nativeEvent.stopImmediatePropagation();
+      }
+
       onItemCheckboxClick(item);
     };
 

package/lib/es/checkbox/checkbox.js

@@ -84,7 +84,8 @@ class Checkbox extends BaseComponent {
       onMouseEnter,
       onMouseLeave,
       extra,
-      value
+      value,
+      id
     } = this.props;
     const {
       checked
@@ -125,6 +126,7 @@ class Checkbox extends BaseComponent {
       ["".concat(prefix, "-cardType_disabled")]: props.disabled && props.isCardType,
       ["".concat(prefix, "-cardType_unDisabled")]: !(props.disabled && props.isCardType),
       ["".concat(prefix, "-cardType_checked")]: props.isCardType && props.checked && !props.disabled,
+      ["".concat(prefix, "-cardType_checked_disabled")]: props.isCardType && props.checked && props.disabled,
       [className]: Boolean(className)
     });
     const extraCls = classnames("".concat(prefix, "-extra"), {
@@ -141,6 +143,7 @@ class Checkbox extends BaseComponent {
     return /*#__PURE__*/React.createElement("span", {
       style: style,
       className: wrapper,
+      id: id,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onClick: this.handleChange

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

@@ -18,6 +18,7 @@ export declare type CheckboxGroupProps = {
     style?: React.CSSProperties;
     className?: string;
     type?: CheckboxType;
+    id?: string;
 };
 export declare type CheckboxGroupState = {
     value?: any[];

package/lib/es/checkbox/checkboxGroup.js

@@ -67,6 +67,7 @@ class CheckboxGroup extends BaseComponent {
       prefixCls,
       direction,
       className,
+      id,
       style,
       type
     } = this.props;
@@ -118,7 +119,8 @@ class CheckboxGroup extends BaseComponent {
 
     return /*#__PURE__*/React.createElement("div", {
       className: prefixClsDisplay,
-      style: style
+      style: style,
+      id: id
     }, /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         checkboxGroup: {

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

@@ -53,6 +53,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
     static TextArea: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").TextAreaProps, "forwardRef"> & React.RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static InputNumber: React.ComponentType<import("utility-types").Subtract<import("../inputNumber").InputNumberProps & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Select: React.ComponentType<import("utility-types").Subtract<{
+        id?: string;
         autoFocus?: boolean;
         arrowIcon?: React.ReactNode;
         defaultValue?: string | number | any[] | Record<string, any>;
@@ -110,7 +111,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & 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>;
     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

@@ -3,6 +3,7 @@ declare const FormInput: import("react").ComponentType<import("utility-types").S
 declare const FormInputNumber: import("react").ComponentType<import("utility-types").Subtract<import("../inputNumber/index").InputNumberProps & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormTextArea: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/textarea").TextAreaProps, "forwardRef"> & import("react").RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
+    id?: string;
     autoFocus?: boolean;
     arrowIcon?: import("react").ReactNode;
     defaultValue?: string | number | any[] | Record<string, any>;
@@ -60,7 +61,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & 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>;
 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>;

package/lib/es/form/hoc/withField.js

@@ -70,7 +70,9 @@ function withField(Component, opts) {
     // Return without injection, eg: <Checkbox> / <Radio> inside CheckboxGroup/RadioGroup
 
     if (!shouldInject) {
-      return /*#__PURE__*/React.createElement(Component, _Object$assign({}, rest));
+      return /*#__PURE__*/React.createElement(Component, _Object$assign({}, rest, {
+        ref: ref
+      }));
     } // grab formState from context
 
 

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

@@ -3,7 +3,7 @@ import ModalFoundation, { ModalAdapter, ModalProps, ModalState } from '@douyinfe
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
 import BaseComponent from '../_base/baseComponent';
-import useModal from '../modal/useModal';
+import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
 export declare const destroyFns: any[];
 export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
@@ -30,8 +30,8 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         closable: PropTypes.Requireable<boolean>;
         centered: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
         confirmLoading: PropTypes.Requireable<boolean>;
         cancelLoading: PropTypes.Requireable<boolean>;
         okText: PropTypes.Requireable<string>;
@@ -101,23 +101,23 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     static getScrollbarWidth(): number;
     static info: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static success: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static error: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static warning: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static confirm: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+        update: (newConfig: import("./confirm").ConfirmProps) => void;
     };
     static destroyAll: () => void;
     componentDidMount(): void;