@douyinfe/semi-ui 2.40.0 → 2.41.0

package/lib/cjs/_portal/index.js

@@ -21,12 +21,12 @@ class Portal extends _react.PureComponent {
     this.initContainer = function (context) {
       let catchError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var _a, _b;
-      let container = undefined;
-      if (!_this.el) {
-        _this.el = document.createElement('div');
-      }
-      if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
-        try {
+      try {
+        let container = undefined;
+        if (!_this.el) {
+          _this.el = document.createElement('div');
+        }
+        if (!((_a = _this.state) === null || _a === void 0 ? void 0 : _a.container)) {
           _this.el = document.createElement('div');
           const getContainer = _this.props.getPopupContainer || context.getPopupContainer || defaultGetContainer;
           const portalContainer = getContainer();
@@ -35,10 +35,10 @@ class Portal extends _react.PureComponent {
           _this.addClass(_this.props.prefixCls, context, _this.props.className);
           container = portalContainer;
           return container;
-        } catch (e) {
-          if (!catchError) {
-            throw e;
-          }
+        }
+      } catch (e) {
+        if (!catchError) {
+          throw e;
         }
       }
       return (_b = _this.state) === null || _b === void 0 ? void 0 : _b.container;

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

@@ -0,0 +1,41 @@
+import React, { ReactNode } from 'react';
+import type { UniqueIdentifier, PointerActivationConstraint, CollisionDetection } from '@dnd-kit/core';
+import type { SortingStrategy, AnimateLayoutChanges, NewIndexGetter } from '@dnd-kit/sortable';
+import type { SortableTransition } from '@dnd-kit/sortable/dist/hooks/types';
+interface OnSortEndProps {
+    oldIndex: number;
+    newIndex: number;
+}
+export type OnSortEnd = (props: OnSortEndProps) => void;
+export interface RenderItemProps {
+    id?: string | number;
+    sortableHandle?: any;
+    [x: string]: any;
+}
+export interface SortableProps {
+    onSortEnd?: OnSortEnd;
+    activationConstraint?: PointerActivationConstraint;
+    collisionDetection?: CollisionDetection;
+    items?: any[];
+    renderItem?: (props: RenderItemProps) => React.ReactNode;
+    strategy?: SortingStrategy;
+    useDragOverlay?: boolean;
+    container?: any;
+    adjustScale?: boolean;
+    transition?: SortableTransition | null;
+    prefix?: string;
+    dragOverlayCls?: string;
+}
+interface SortableItemProps {
+    animateLayoutChanges?: AnimateLayoutChanges;
+    getNewIndex?: NewIndexGetter;
+    id: UniqueIdentifier;
+    index: number;
+    useDragOverlay?: boolean;
+    renderItem?: (props: RenderItemProps) => ReactNode;
+    prefix?: string;
+    transition?: SortableTransition | null;
+}
+export declare function Sortable({ items, onSortEnd, adjustScale, renderItem, transition, activationConstraint, collisionDetection, strategy, useDragOverlay, dragOverlayCls, container: Container, prefix, }: SortableProps): JSX.Element;
+export declare function SortableItem({ animateLayoutChanges, id, renderItem, prefix, transition: animation, }: SortableItemProps): JSX.Element;
+export {};

package/lib/cjs/_sortable/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sortable = Sortable;
+exports.SortableItem = SortableItem;
+var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _utilities = require("@dnd-kit/utilities");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+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); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultPrefix = 'semi-sortable';
+const defaultConstraint = {
+  delay: 150,
+  tolerance: 5
+};
+function DefaultContainer(props) {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    style: {
+      overflow: 'auto'
+    }
+  }, props));
+}
+function Sortable(_ref) {
+  let {
+    items,
+    onSortEnd,
+    adjustScale,
+    renderItem,
+    transition,
+    activationConstraint = defaultConstraint,
+    collisionDetection = _core.closestCenter,
+    strategy = _sortable.rectSortingStrategy,
+    useDragOverlay = true,
+    dragOverlayCls,
+    container: Container = DefaultContainer,
+    prefix = defaultPrefix
+  } = _ref;
+  const [activeId, setActiveId] = (0, _react.useState)(null);
+  const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.MouseSensor, {
+    activationConstraint
+  }), (0, _core.useSensor)(_core.TouchSensor, {
+    activationConstraint
+  }), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+  const getIndex = (0, _react.useCallback)(id => items.indexOf(id), [items]);
+  const activeIndex = (0, _react.useMemo)(() => activeId ? getIndex(activeId) : -1, [getIndex, activeId]);
+  const onDragStart = (0, _react.useCallback)(_ref2 => {
+    let {
+      active
+    } = _ref2;
+    if (!active) {
+      return;
+    }
+    setActiveId(active.id);
+  }, []);
+  const onDragEnd = (0, _react.useCallback)(_ref3 => {
+    let {
+      over
+    } = _ref3;
+    setActiveId(null);
+    if (over) {
+      const overIndex = getIndex(over.id);
+      if (activeIndex !== overIndex) {
+        onSortEnd({
+          oldIndex: activeIndex,
+          newIndex: overIndex
+        });
+      }
+    }
+  }, [activeIndex, getIndex, onSortEnd]);
+  const onDragCancel = (0, _react.useCallback)(() => {
+    setActiveId(null);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: collisionDetection,
+    onDragStart: onDragStart,
+    onDragEnd: onDragEnd,
+    onDragCancel: onDragCancel,
+    autoScroll: {
+      order: _core.TraversalOrder.ReversedTreeOrder
+    }
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: items,
+    strategy: strategy
+  }, /*#__PURE__*/_react.default.createElement(Container, null, items.map((value, index) => /*#__PURE__*/_react.default.createElement(SortableItem, {
+    key: value,
+    id: value,
+    index: index,
+    renderItem: renderItem,
+    useDragOverlay: useDragOverlay,
+    prefix: prefix,
+    transition: transition
+  })))), useDragOverlay ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(_core.DragOverlay, {
+    adjustScale: adjustScale,
+    // Set zIndex in style to undefined to override the default zIndex in DragOverlay, 
+    // So that the zIndex of DragOverlay can be set by className
+    style: {
+      zIndex: undefined
+    },
+    className: dragOverlayCls
+  }, activeId ? renderItem({
+    id: activeId,
+    sortableHandle: WrapperComponent => WrapperComponent
+  }) : null), document.body) : null);
+}
+function SortableItem(_ref4) {
+  let {
+    animateLayoutChanges,
+    id,
+    renderItem,
+    prefix,
+    transition: animation
+  } = _ref4;
+  const {
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    active,
+    isOver,
+    attributes
+  } = (0, _sortable.useSortable)({
+    id,
+    animateLayoutChanges,
+    transition: animation
+  });
+  const sortableHandle = (0, _react.useCallback)(WrapperComponent => {
+    // console.log('listeners', listeners);
+    // 保证给出的接口的一致性，使用 span 包一层，保证用户能够通过同样的方式使用 handler
+    // To ensure the consistency of the given interface
+    // use a span package layer to ensure that users can use the handler in the same way
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    return () => /*#__PURE__*/_react.default.createElement("span", Object.assign({}, listeners, {
+      style: {
+        lineHeight: 0
+      },
+      onMouseDown: e => {
+        listeners.onMouseDown(e);
+        // 阻止onMousedown的事件传递，
+        // 防止元素在点击后被卸载导致tooltip/popover的弹出层意外关闭
+        // Prevent the onMousedown event from being delivered, 
+        // preventing the element from being unloaded after being clicked, 
+        // causing the tooltip/popover pop-up layer to close unexpectedly
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }), /*#__PURE__*/_react.default.createElement(WrapperComponent, null));
+  }, [listeners]);
+  const itemCls = (0, _classnames.default)(`${prefix}-sortable-item`, {
+    [`${prefix}-sortable-item-over`]: isOver,
+    [`${prefix}-sortable-item-active`]: (active === null || active === void 0 ? void 0 : active.id) === id
+  });
+  const wrapperStyle = !(0, _isNull2.default)(animation) ? {
+    transform: _utilities.CSS.Transform.toString(Object.assign(Object.assign({}, transform), {
+      scaleX: 1,
+      scaleY: 1
+    })),
+    transition: transition
+  } : undefined;
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    ref: setNodeRef,
+    style: wrapperStyle,
+    className: itemCls
+  }, attributes), renderItem({
+    id,
+    sortableHandle
+  }));
+}

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

@@ -49,7 +49,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -116,7 +116,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

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

@@ -54,7 +54,7 @@ export default class Button extends PureComponent<ButtonProps> {
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
         circle: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        htmlType: PropTypes.Requireable<"button" | "reset" | "submit">;
+        htmlType: PropTypes.Requireable<"button" | "submit" | "reset">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         className: PropTypes.Requireable<string>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -28,7 +28,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
         circle: import("prop-types").Requireable<boolean>;
-        htmlType: import("prop-types").Requireable<"button" | "reset" | "submit">;
+        htmlType: import("prop-types").Requireable<"button" | "submit" | "reset">;
         'aria-label': import("prop-types").Requireable<string>;
     };
     static elementType: string;

package/lib/cjs/carousel/CarouselIndicator.d.ts

@@ -5,7 +5,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
     static propTypes: {
         activeKey: PropTypes.Requireable<number>;
         className: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"left" | "right" | "center">;
+        position: PropTypes.Requireable<"center" | "left" | "right">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;

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

@@ -19,7 +19,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
         defaultActiveIndex: PropTypes.Requireable<number>;
-        indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
+        indicatorPosition: PropTypes.Requireable<"center" | "left" | "right">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;

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

@@ -31,7 +31,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<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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

@@ -58,7 +58,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
@@ -74,7 +74,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         max: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<NonNullable<string | any[]>>;
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "right" | "top" | "bottom">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onChangeWithDateFirst: PropTypes.Requireable<boolean>;
         weekStartsOn: PropTypes.Requireable<number>;
@@ -91,7 +91,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         insetLabelId: PropTypes.Requireable<string>;
         zIndex: PropTypes.Requireable<number>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         focusRecordsRef: PropTypes.Requireable<object>;
         triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "right" | "top" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };

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

@@ -15,7 +15,7 @@ export interface QuickControlProps {
 declare class QuickControl extends PureComponent<QuickControlProps> {
     static propTypes: {
         presets: PropTypes.Requireable<any[]>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "right" | "top" | "bottom">;
         onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<NonNullable<boolean | object>>;

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

@@ -21,10 +21,10 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         noBackBtn: PropTypes.Requireable<boolean>;
         disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
         density: PropTypes.Requireable<string>;
-        presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
+        presetPosition: PropTypes.Requireable<"left" | "right" | "top" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         startYear: PropTypes.Requireable<number>;
         endYear: PropTypes.Requireable<number>;
     };

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

@@ -66,7 +66,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         prefixCls: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         spacing: PropTypes.Requireable<number>;

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

@@ -57,9 +57,9 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
     static Select: React.ComponentType<import("utility-types").Subtract<{
         'aria-describedby'?: string;
         'aria-errormessage'?: string;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
         'aria-labelledby'?: string;
-        'aria-required'?: boolean | "false" | "true";
+        'aria-required'?: boolean | "true" | "false";
         id?: string;
         autoFocus?: boolean;
         autoClearSearchValue?: boolean;
@@ -83,7 +83,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         expandRestTagsOnClick?: boolean;
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
-        position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;

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

@@ -5,9 +5,9 @@ declare const FormTextArea: import("react").ComponentType<import("utility-types"
 declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling";
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
     'aria-labelledby'?: string;
-    'aria-required'?: boolean | "false" | "true";
+    'aria-required'?: boolean | "true" | "false";
     id?: string;
     autoFocus?: boolean;
     autoClearSearchValue?: boolean;
@@ -31,7 +31,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     expandRestTagsOnClick?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
-    position?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+    position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
     onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;

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

@@ -28,7 +28,7 @@ export interface PreviewProps extends BaseProps {
     src?: string | string[];
     previewTitle?: ReactNode;
     currentIndex?: number;
-    defaultIndex?: number;
+    defaultCurrentIndex?: number;
     defaultVisible?: boolean;
     maskClosable?: boolean;
     closable?: boolean;

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

@@ -12,7 +12,7 @@ export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
         visible: PropTypes.Requireable<boolean>;
         src: PropTypes.Requireable<NonNullable<string | any[]>>;
         currentIndex: PropTypes.Requireable<number>;
-        defaultIndex: PropTypes.Requireable<number>;
+        defaultCurrentIndex: PropTypes.Requireable<number>;
         defaultVisible: PropTypes.Requireable<boolean>;
         maskClosable: PropTypes.Requireable<boolean>;
         closable: PropTypes.Requireable<boolean>;

package/lib/cjs/image/preview.js

@@ -198,7 +198,7 @@ Preview.propTypes = {
   visible: _propTypes.default.bool,
   src: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   currentIndex: _propTypes.default.number,
-  defaultIndex: _propTypes.default.number,
+  defaultCurrentIndex: _propTypes.default.number,
   defaultVisible: _propTypes.default.bool,
   maskClosable: _propTypes.default.bool,
   closable: _propTypes.default.bool,

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

@@ -12,7 +12,7 @@ export default class PreviewInner extends BaseComponent<PreviewInnerProps, Previ
         visible: PropTypes.Requireable<boolean>;
         src: PropTypes.Requireable<NonNullable<string | any[]>>;
         currentIndex: PropTypes.Requireable<number>;
-        defaultIndex: PropTypes.Requireable<number>;
+        defaultCurrentIndex: PropTypes.Requireable<number>;
         defaultVisible: PropTypes.Requireable<boolean>;
         maskClosable: PropTypes.Requireable<boolean>;
         closable: PropTypes.Requireable<boolean>;

package/lib/cjs/image/previewInner.js

@@ -390,7 +390,7 @@ PreviewInner.propTypes = {
   visible: _propTypes.default.bool,
   src: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   currentIndex: _propTypes.default.number,
-  defaultIndex: _propTypes.default.number,
+  defaultCurrentIndex: _propTypes.default.number,
   defaultVisible: _propTypes.default.bool,
   maskClosable: _propTypes.default.bool,
   closable: _propTypes.default.bool,