@douyinfe/semi-ui 2.1.4-alpha.0 → 2.2.0-beta.0

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/datePicker/dateInput.d.ts

@@ -24,7 +24,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         multiple: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;

package/lib/es/datePicker/datePicker.d.ts

@@ -29,7 +29,7 @@ export declare type DatePickerState = DatePickerFoundationState;
 export default class DatePicker extends BaseComponent<DatePickerProps, DatePickerState> {
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;
@@ -81,6 +81,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
+    getYAMOpenType: () => "left" | "right" | "none" | "both";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/es/datePicker/monthsGrid.js

@@ -124,6 +124,10 @@ export default class MonthsGrid extends BaseComponent {
       });
     };
 
+    this.getYAMOpenType = () => {
+      return this.foundation.getYAMOpenType();
+    };
+
     let nowDate = _Array$isArray(props.defaultPickerValue) ? props.defaultPickerValue[0] : props.defaultPickerValue;
     const validFormat = props.format || getDefaultFormatTokenByType(props.type);
 
@@ -615,9 +619,11 @@ export default class MonthsGrid extends BaseComponent {
       content = 'year month';
     }
 
+    const yearOpenType = this.getYAMOpenType();
     return /*#__PURE__*/React.createElement("div", {
       className: monthGridCls,
       "x-type": type,
+      "x-panel-yearandmonth-open-type": yearOpenType,
       ref: current => this.cacheRefCurrent('monthGrid', current)
     }, content);
   }

package/lib/es/datePicker/navigation.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import IconButton from '../iconButton';
 import Button from '../button';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
-import { IconChevronLeft, IconChevronRight } from '@douyinfe/semi-icons';
+import { IconChevronLeft, IconChevronRight, IconDoubleChevronLeft, IconDoubleChevronRight } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.NAVIGATION;
 export default class Navigation extends PureComponent {
   constructor(props) {
@@ -20,6 +20,8 @@ export default class Navigation extends PureComponent {
       onMonthClick,
       onNextMonth,
       onPrevMonth,
+      onPrevYear,
+      onNextYear,
       density,
       shouldBimonthSwitch,
       panelType
@@ -27,37 +29,75 @@ export default class Navigation extends PureComponent {
     const btnTheme = 'borderless';
     const iconBtnSize = density === 'compact' ? 'default' : 'large';
     const btnNoHorizontalPadding = true;
-    const buttonSize = density === 'compact' ? 'small' : 'default'; // Enable dual-panel synchronous switching, and the current panel is the left panel
+    const buttonSize = density === 'compact' ? 'small' : 'default';
+    const isLeftPanel = panelType === strings.PANEL_TYPE_LEFT;
+    const isRightPanel = panelType === strings.PANEL_TYPE_RIGHT; // syncSwitchMonth and the current panel is the left
 
-    const bimonthSwitchWithLeftPanel = shouldBimonthSwitch && panelType === strings.PANEL_TYPE_LEFT; // Enable dual-panel synchronous switching, and the current panel is the right panel
+    const hiddenLeftPanelRightButtons = shouldBimonthSwitch && isLeftPanel; // syncSwitchMonth and the current panel is the right
+
+    const hiddenRightPanelLeftButtons = shouldBimonthSwitch && isRightPanel; // `visibility: hidden` will keep the icon in position
+
+    const leftButtonStyle = {};
+    const rightButtonStyle = {};
+
+    if (hiddenRightPanelLeftButtons) {
+      leftButtonStyle.visibility = 'hidden';
+    }
+
+    if (hiddenLeftPanelRightButtons) {
+      rightButtonStyle.visibility = 'hidden';
+    }
 
-    const bimonthSwitchWithRightPanel = shouldBimonthSwitch && panelType === strings.PANEL_TYPE_RIGHT;
     const ref = forwardRef || this.navRef;
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls,
       ref: ref
-    }, !bimonthSwitchWithRightPanel && /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      key: "double-chevron-left",
+      icon: /*#__PURE__*/React.createElement(IconDoubleChevronLeft, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onPrevYear,
+      style: leftButtonStyle
+    }), /*#__PURE__*/React.createElement(IconButton, {
+      key: "chevron-left",
       icon: /*#__PURE__*/React.createElement(IconChevronLeft, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onPrevMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: leftButtonStyle
     }), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-month")
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: onMonthClick,
       theme: btnTheme,
       size: buttonSize
-    }, /*#__PURE__*/React.createElement("span", null, monthText))), !bimonthSwitchWithLeftPanel && /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React.createElement("span", null, monthText))), /*#__PURE__*/React.createElement(IconButton, {
+      key: "chevron-right",
       icon: /*#__PURE__*/React.createElement(IconChevronRight, {
         size: iconBtnSize
       }),
       size: buttonSize,
       onClick: onNextMonth,
       theme: btnTheme,
-      noHorizontalPadding: btnNoHorizontalPadding
+      noHorizontalPadding: btnNoHorizontalPadding,
+      style: rightButtonStyle
+    }), /*#__PURE__*/React.createElement(IconButton, {
+      key: "double-chevron-right",
+      icon: /*#__PURE__*/React.createElement(IconDoubleChevronRight, {
+        size: iconBtnSize
+      }),
+      size: buttonSize,
+      theme: btnTheme,
+      noHorizontalPadding: btnNoHorizontalPadding,
+      onClick: onNextYear,
+      style: rightButtonStyle
     }));
   }
 

package/lib/es/descriptions/item.js

@@ -33,7 +33,7 @@ export default class Item extends PureComponent {
       className: "".concat(prefixCls, "-item")
     }, /*#__PURE__*/React.createElement("span", {
       className: keyCls
-    }, "".concat(itemKey, ":")), /*#__PURE__*/React.createElement("span", {
+    }, itemKey, ":"), /*#__PURE__*/React.createElement("span", {
       className: valCls
     }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/React.createElement("tr", {
       className: className,

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>;
@@ -89,6 +90,11 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         suffix?: React.ReactNode;
         prefix?: React.ReactNode;
         insetLabel?: React.ReactNode;
+        inputProps?: import("utility-types").Subtract<import("../input").InputProps, {
+            value?: React.ReactText;
+            onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+            onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+        }>;
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;

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>;
@@ -39,6 +40,11 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     suffix?: import("react").ReactNode;
     prefix?: import("react").ReactNode;
     insetLabel?: import("react").ReactNode;
+    inputProps?: import("utility-types").Subtract<import("../input/index").InputProps, {
+        value?: import("react").ReactText;
+        onFocus?: (e: import("react").FocusEvent<HTMLInputElement, Element>) => void;
+        onChange?: (value: string, e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    }>;
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;

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/locale/source/es.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '../interface';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+declare const locale: Locale;
+export default locale;

package/lib/es/locale/source/es.js

@@ -0,0 +1,157 @@
+import { es } from 'date-fns/locale';
+/**
+ * [i18n-Spanish(es)]
+ *
+ */
+
+const locale = {
+  code: 'es',
+  dateFnsLocale: es,
+  Pagination: {
+    item: 'objeto',
+    pageSize: ' objetos / página',
+    page: ' páginas',
+    total: '',
+    jumpTo: 'Ir a'
+  },
+  Modal: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  TimePicker: {
+    placeholder: {
+      time: 'Seleccionar hora',
+      timeRange: 'Seleccionar rango de tiempo'
+    },
+    begin: 'Hora inicial',
+    end: 'Hora final',
+    hour: '',
+    minute: '',
+    second: '',
+    AM: 'AM',
+    PM: 'PM'
+  },
+  DatePicker: {
+    placeholder: {
+      date: 'Seleccionar fecha',
+      dateTime: 'Seleccionar hora y fecha',
+      dateRange: ['Fecha inicial', 'Fecha final'],
+      dateTimeRange: ['Fecha inicial', 'Fecha final']
+    },
+    footer: {
+      confirm: 'Aceptar',
+      cancel: 'Cancelar'
+    },
+    selectDate: 'Seleccionar fecha',
+    selectTime: 'Seleccionar hora',
+    year: 'año',
+    month: 'mes',
+    day: 'día',
+    monthText: '${month} ${year}',
+    months: {
+      1: 'Ene',
+      2: 'Feb',
+      3: 'Mar',
+      4: 'Abr',
+      5: 'May',
+      6: 'Jun',
+      7: 'Jul',
+      8: 'Ago',
+      9: 'Sep',
+      10: 'Oct',
+      11: 'Nov',
+      12: 'Dic'
+    },
+    fullMonths: {
+      1: 'Enero',
+      2: 'Febrero',
+      3: 'Marzo',
+      4: 'Abril',
+      5: 'Mayo',
+      6: 'Junio',
+      7: 'Julio',
+      8: 'Agosto',
+      9: 'Septiembre',
+      10: 'Octubre',
+      11: 'Noviembre',
+      12: 'Diciembre'
+    },
+    weeks: {
+      Mon: 'Lun',
+      Tue: 'Mar',
+      Wed: 'Mie',
+      Thu: 'Jue',
+      Fri: 'Vie',
+      Sat: 'Sab',
+      Sun: 'Dom'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Popconfirm: {
+    confirm: 'Aceptar',
+    cancel: 'Cancelar'
+  },
+  Navigation: {
+    collapseText: 'Contraer barra lateral',
+    expandText: 'Expandir barra lateral'
+  },
+  Table: {
+    emptyText: 'Sin resultados',
+    pageText: 'Mostrando del ${currentStart} al ${currentEnd} de ${total}'
+  },
+  Select: {
+    emptyText: 'Sin resultados',
+    createText: 'Crear'
+  },
+  Tree: {
+    emptyText: 'Sin resultados',
+    searchPlaceholder: 'Búsqueda'
+  },
+  Cascader: {
+    emptyText: 'Sin resultados'
+  },
+  List: {
+    emptyText: 'Sin resultados'
+  },
+  Calendar: {
+    allDay: 'Todo el día',
+    AM: '${time} AM',
+    PM: '${time} PM',
+    datestring: '',
+    remaining: '${remained} mas'
+  },
+  Upload: {
+    mainText: 'Clic aquí para cargar archivo o arrastre aquí el archivo',
+    illegalTips: 'Este tipo de archivo no es compatible',
+    legalTips: 'Suelte y comience a cargar',
+    retry: 'Reintentar',
+    replace: 'Reemplazar archivo',
+    clear: 'Limpiar',
+    selectedFiles: 'Archivos seleccionados',
+    illegalSize: 'Tamaño de archivo inválido',
+    fail: 'Error al cargar'
+  },
+  TreeSelect: {
+    searchPlaceholder: 'Búsqueda'
+  },
+  Typography: {
+    copy: 'Copiar',
+    copied: 'Copiado',
+    expand: 'Expandir',
+    collapse: 'Contraer'
+  },
+  Transfer: {
+    emptyLeft: 'Sin datos',
+    emptySearch: 'Sin resultados de búsqueda',
+    emptyRight: 'Sin contenido, verifique desde la izquierda',
+    placeholder: 'Búsqueda',
+    clear: 'Limpiar',
+    selectAll: 'Seleccionar todo',
+    clearSelectAll: 'Deseleccionar todo',
+    total: 'Total ${total} objetos',
+    selected: '${total} objetos seleccionados'
+  }
+};
+export default locale;

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;

package/lib/es/modal/Modal.js

@@ -29,8 +29,8 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
 import BaseComponent from '../_base/baseComponent';
-import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } from '../modal/confirm';
-import useModal from '../modal/useModal';
+import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } from './confirm';
+import useModal from './useModal';
 export const destroyFns = [];
 
 class Modal extends BaseComponent {
@@ -304,8 +304,8 @@ Modal.propTypes = {
   closable: PropTypes.bool,
   centered: PropTypes.bool,
   visible: PropTypes.bool,
-  width: PropTypes.number,
-  height: PropTypes.number,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   confirmLoading: PropTypes.bool,
   cancelLoading: PropTypes.bool,
   okText: PropTypes.string,

package/lib/es/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/es/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/es/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/es/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/es/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/es/modal/modalFoundation").OKType;
     visible?: boolean;
-    width?: number;
+    width?: string | number;
     zIndex?: number;
     getPopupContainer?: () => HTMLElement;
     closeOnEsc?: boolean;

package/lib/es/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;