@douyinfe/semi-ui 2.40.0 → 2.41.0

package/lib/cjs/transfer/index.js

@@ -11,7 +11,6 @@ var _noop2 = _interopRequireDefault(require("lodash/noop"));
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _reactSortableHoc = require("react-sortable-hoc");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/transfer/foundation"));
 var _transferUtils = require("@douyinfe/semi-foundation/lib/cjs/transfer/transferUtils");
@@ -25,6 +24,8 @@ var _spin = _interopRequireDefault(require("../spin"));
 var _button = _interopRequireDefault(require("../button"));
 var _tree = _interopRequireDefault(require("../tree"));
 var _semiIcons = require("@douyinfe/semi-icons");
+var _sortable = require("../_sortable");
+var _sortable2 = require("@dnd-kit/sortable");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -35,33 +36,66 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 const prefixCls = _constants.cssClasses.PREFIX;
-// SortableItem & SortableList should not be assigned inside of the render function
-const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item.node);
-const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
-  let {
-    items
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-right-list`,
-    role: "list",
-    "aria-label": "Selected list"
-  }, items.map((item, index) =>
-  /*#__PURE__*/
-  // @ts-ignore skip SortableItem type check
-  _react.default.createElement(SortableItem, {
-    key: item.key,
-    index: index,
-    item: item
-  })))
-  // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
-  ;
-}, {
-  distance: 10
-});
 class Transfer extends _baseComponent.default {
   constructor(props) {
     super(props);
     this._treeRef = null;
+    this.renderRightItem = (item, sortableHandle) => {
+      const {
+        renderSelectedItem,
+        draggable,
+        type,
+        showPath
+      } = this.props;
+      const onRemove = () => this.foundation.handleSelectOrRemove(item);
+      const rightItemCls = (0, _classnames.default)({
+        [`${prefixCls}-item`]: true,
+        [`${prefixCls}-right-item`]: true,
+        [`${prefixCls}-right-item-draggable`]: draggable
+      });
+      const shouldShowPath = type === _constants.strings.TYPE_TREE_TO_LIST && showPath === true;
+      const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
+      if (renderSelectedItem) {
+        return renderSelectedItem(Object.assign(Object.assign({}, item), {
+          onRemove,
+          sortableHandle
+        }));
+      }
+      const DragHandle = sortableHandle && sortableHandle(() => /*#__PURE__*/_react.default.createElement(_semiIcons.IconHandle, {
+        role: "button",
+        "aria-label": "Drag and sort",
+        className: `${prefixCls}-right-item-drag-handler`
+      }));
+      return (
+        /*#__PURE__*/
+        // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+        _react.default.createElement("div", {
+          role: "listitem",
+          className: rightItemCls,
+          key: item.key
+        }, draggable && sortableHandle ? /*#__PURE__*/_react.default.createElement(DragHandle, null) : null, /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-right-item-text`
+        }, label), /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
+          onClick: onRemove,
+          "aria-disabled": item.disabled,
+          className: (0, _classnames.default)(`${prefixCls}-item-close-icon`, {
+            [`${prefixCls}-item-close-icon-disabled`]: item.disabled
+          })
+        }))
+      );
+    };
+    this.renderSortItem = props => {
+      const {
+        id,
+        sortableHandle
+      } = props;
+      const {
+        selectedItems
+      } = this.state;
+      const selectedData = [...selectedItems.values()];
+      const item = selectedData.find(item => item.key === id);
+      return this.renderRightItem(item, sortableHandle);
+    };
     const {
       defaultValue = [],
       dataSource,
@@ -428,50 +462,6 @@ class Transfer extends _baseComponent.default {
       "aria-label": "Option list"
     }, content);
   }
-  renderRightItem(item) {
-    const {
-      renderSelectedItem,
-      draggable,
-      type,
-      showPath
-    } = this.props;
-    const onRemove = () => this.foundation.handleSelectOrRemove(item);
-    const rightItemCls = (0, _classnames.default)({
-      [`${prefixCls}-item`]: true,
-      [`${prefixCls}-right-item`]: true,
-      [`${prefixCls}-right-item-draggable`]: draggable
-    });
-    const shouldShowPath = type === _constants.strings.TYPE_TREE_TO_LIST && showPath === true;
-    const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
-    if (renderSelectedItem) {
-      return renderSelectedItem(Object.assign(Object.assign({}, item), {
-        onRemove,
-        sortableHandle: _reactSortableHoc.SortableHandle
-      }));
-    }
-    const DragHandle = (0, _reactSortableHoc.SortableHandle)(() => /*#__PURE__*/_react.default.createElement(_semiIcons.IconHandle, {
-      role: "button",
-      "aria-label": "Drag and sort",
-      className: `${prefixCls}-right-item-drag-handler`
-    }));
-    return (
-      /*#__PURE__*/
-      // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
-      _react.default.createElement("div", {
-        role: "listitem",
-        className: rightItemCls,
-        key: item.key
-      }, draggable ? /*#__PURE__*/_react.default.createElement(DragHandle, null) : null, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-right-item-text`
-      }, label), /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
-        onClick: onRemove,
-        "aria-disabled": item.disabled,
-        className: (0, _classnames.default)(`${prefixCls}-item-close-icon`, {
-          [`${prefixCls}-item-close-icon-disabled`]: item.disabled
-        })
-      }))
-    );
-  }
   renderEmpty(type, emptyText) {
     const emptyCls = (0, _classnames.default)({
       [`${prefixCls}-empty`]: true,
@@ -484,16 +474,14 @@ class Transfer extends _baseComponent.default {
     }, emptyText);
   }
   renderRightSortableList(selectedData) {
-    const sortableListItems = selectedData.map(item => Object.assign(Object.assign({}, item), {
-      node: this.renderRightItem(item)
-    }));
-    // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
-    // @ts-ignore skip SortableItem type check
-    const sortList = /*#__PURE__*/_react.default.createElement(SortableList, {
-      useDragHandle: true,
-      helperClass: `${prefixCls}-right-item-drag-item-move`,
+    const sortItems = selectedData.map(item => item.key);
+    const sortList = /*#__PURE__*/_react.default.createElement(_sortable.Sortable, {
+      strategy: _sortable2.verticalListSortingStrategy,
       onSortEnd: this.onSortEnd,
-      items: sortableListItems
+      items: sortItems,
+      renderItem: this.renderSortItem,
+      prefix: `${prefixCls}-right-item`,
+      dragOverlayCls: `${prefixCls}-right-item-drag-item-move`
     });
     return sortList;
   }

package/lib/es/_portal/index.js

@@ -14,12 +14,12 @@ class Portal extends 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();
@@ -28,10 +28,10 @@ class Portal extends 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/es/_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/es/_sortable/index.js

@@ -0,0 +1,167 @@
+import _isNull from "lodash/isNull";
+import React, { useState, useCallback, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { CSS as cssDndKit } from '@dnd-kit/utilities';
+import cls from 'classnames';
+import { closestCenter, DragOverlay, DndContext, MouseSensor, TouchSensor, useSensor, useSensors, KeyboardSensor, TraversalOrder } from '@dnd-kit/core';
+import { useSortable, SortableContext, rectSortingStrategy, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+const defaultPrefix = 'semi-sortable';
+const defaultConstraint = {
+  delay: 150,
+  tolerance: 5
+};
+function DefaultContainer(props) {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    style: {
+      overflow: 'auto'
+    }
+  }, props));
+}
+export function Sortable(_ref) {
+  let {
+    items,
+    onSortEnd,
+    adjustScale,
+    renderItem,
+    transition,
+    activationConstraint = defaultConstraint,
+    collisionDetection = closestCenter,
+    strategy = rectSortingStrategy,
+    useDragOverlay = true,
+    dragOverlayCls,
+    container: Container = DefaultContainer,
+    prefix = defaultPrefix
+  } = _ref;
+  const [activeId, setActiveId] = useState(null);
+  const sensors = useSensors(useSensor(MouseSensor, {
+    activationConstraint
+  }), useSensor(TouchSensor, {
+    activationConstraint
+  }), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  const getIndex = useCallback(id => items.indexOf(id), [items]);
+  const activeIndex = useMemo(() => activeId ? getIndex(activeId) : -1, [getIndex, activeId]);
+  const onDragStart = useCallback(_ref2 => {
+    let {
+      active
+    } = _ref2;
+    if (!active) {
+      return;
+    }
+    setActiveId(active.id);
+  }, []);
+  const onDragEnd = 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 = useCallback(() => {
+    setActiveId(null);
+  }, []);
+  return /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: collisionDetection,
+    onDragStart: onDragStart,
+    onDragEnd: onDragEnd,
+    onDragCancel: onDragCancel,
+    autoScroll: {
+      order: TraversalOrder.ReversedTreeOrder
+    }
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: items,
+    strategy: strategy
+  }, /*#__PURE__*/React.createElement(Container, null, items.map((value, index) => /*#__PURE__*/React.createElement(SortableItem, {
+    key: value,
+    id: value,
+    index: index,
+    renderItem: renderItem,
+    useDragOverlay: useDragOverlay,
+    prefix: prefix,
+    transition: transition
+  })))), useDragOverlay ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(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);
+}
+export function SortableItem(_ref4) {
+  let {
+    animateLayoutChanges,
+    id,
+    renderItem,
+    prefix,
+    transition: animation
+  } = _ref4;
+  const {
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    active,
+    isOver,
+    attributes
+  } = useSortable({
+    id,
+    animateLayoutChanges,
+    transition: animation
+  });
+  const sortableHandle = 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.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.createElement(WrapperComponent, null));
+  }, [listeners]);
+  const itemCls = cls(`${prefix}-sortable-item`, {
+    [`${prefix}-sortable-item-over`]: isOver,
+    [`${prefix}-sortable-item-active`]: (active === null || active === void 0 ? void 0 : active.id) === id
+  });
+  const wrapperStyle = !_isNull(animation) ? {
+    transform: cssDndKit.Transform.toString(Object.assign(Object.assign({}, transform), {
+      scaleX: 1,
+      scaleY: 1
+    })),
+    transition: transition
+  } : undefined;
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: setNodeRef,
+    style: wrapperStyle,
+    className: itemCls
+  }, attributes), renderItem({
+    id,
+    sortableHandle
+  }));
+}

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