@douyinfe/semi-ui 2.43.0-alpha.0 → 2.43.0

package/lib/cjs/cascader/index.js

@@ -125,8 +125,7 @@ class Cascader extends _baseComponent.default {
         bottomSlot,
         showNext,
         multiple,
-        filterRender,
-        virtualizeInSearch
+        filterRender
       } = this.props;
       const searchable = Boolean(filterTreeNode) && isSearching;
       const popoverCls = (0, _classnames.default)(dropdownClassName, `${prefixcls}-popover`);
@@ -154,8 +153,7 @@ class Cascader extends _baseComponent.default {
         multiple: multiple,
         checkedKeys: checkedKeys,
         halfCheckedKeys: halfCheckedKeys,
-        filterRender: filterRender,
-        virtualize: virtualizeInSearch
+        filterRender: filterRender
       }), bottomSlot);
       return content;
     };

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

@@ -2,7 +2,7 @@ import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import { CheckboxEvent } from '../checkbox';
-import { BasicCascaderData, BasicEntity, ShowNextType, BasicData, Virtualize } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
+import { BasicCascaderData, BasicEntity, ShowNextType, BasicData } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
 export interface CascaderData extends BasicCascaderData {
     label: React.ReactNode;
 }
@@ -52,7 +52,6 @@ export interface CascaderItemProps {
     checkedKeys: Set<string>;
     halfCheckedKeys: Set<string>;
     filterRender?: (props: FilterRenderProps) => ReactNode;
-    virtualize?: Virtualize;
 }
 export default class Item extends PureComponent<CascaderItemProps> {
     static contextType: React.Context<ContextValue>;
@@ -69,7 +68,6 @@ export default class Item extends PureComponent<CascaderItemProps> {
         onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
         separator: PropTypes.Requireable<string>;
         keyword: PropTypes.Requireable<string>;
-        virtualize: PropTypes.Requireable<object>;
     };
     static defaultProps: {
         empty: boolean;
@@ -89,9 +87,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
     };
     renderIcon: (type: string, haveMarginLeft?: boolean) => JSX.Element;
     highlight: (searchText: React.ReactNode[]) => React.ReactNode[];
-    renderFlattenOptionItem: (data: Data, index?: number, style?: any) => JSX.Element;
     renderFlattenOption: (data: Data[]) => JSX.Element;
-    renderVirtualizeList: (visibleOptions: any) => JSX.Element;
     renderItem(renderData: Array<Entity>, content?: Array<React.ReactNode>): React.ReactNode[];
     renderEmpty(): JSX.Element;
     render(): JSX.Element;

package/lib/cjs/cascader/item.js

@@ -15,8 +15,6 @@ var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer")
 var _semiIcons = require("@douyinfe/semi-icons");
 var _spin = _interopRequireDefault(require("../spin"));
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _reactWindow = require("react-window");
-var _virtualRow = _interopRequireDefault(require("./virtualRow"));
 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 }; }
@@ -140,105 +138,71 @@ class Item extends _react.PureComponent {
       });
       return content;
     };
-    this.renderFlattenOptionItem = (data, index, style) => {
-      var _a;
+    this.renderFlattenOption = data => {
       const {
         multiple,
         selectedKeys,
         checkedKeys,
         halfCheckedKeys,
         keyword,
-        filterRender,
-        virtualize
-      } = this.props;
-      const {
-        searchText,
-        key,
-        disabled,
-        pathData
-      } = data;
-      const selected = selectedKeys.has(key);
-      const className = (0, _classnames.default)(prefixcls, {
-        [`${prefixcls}-flatten`]: true && !filterRender,
-        [`${prefixcls}-disabled`]: disabled,
-        [`${prefixcls}-select`]: selected && !multiple
-      });
-      const onClick = e => {
-        this.onClick(e, data);
-      };
-      const onKeyPress = e => this.handleItemEnterPress(e, data);
-      const onCheck = e => this.onCheckboxChange(e, data);
-      if (filterRender) {
-        const props = {
-          className,
-          inputValue: keyword,
-          disabled,
-          data: pathData,
-          checkStatus: {
-            checked: checkedKeys.has(data.key),
-            halfChecked: halfCheckedKeys.has(data.key)
-          },
-          selected,
-          onClick,
-          onCheck
-        };
-        const item = filterRender(props);
-        const otherProps = virtualize ? {
-          key,
-          style: Object.assign(Object.assign({}, (_a = item.props.style) !== null && _a !== void 0 ? _a : {}), style)
-        } : {
-          key
-        };
-        return /*#__PURE__*/_react.default.cloneElement(item, otherProps);
-      }
-      return /*#__PURE__*/_react.default.createElement("li", {
-        role: 'menuitem',
-        className: className,
-        style: style,
-        key: key,
-        onClick: onClick,
-        onKeyPress: onKeyPress
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: `${prefixcls}-label`
-      }, !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-        onChange: onCheck,
-        disabled: disabled,
-        indeterminate: halfCheckedKeys.has(data.key),
-        checked: checkedKeys.has(data.key),
-        className: `${prefixcls}-label-checkbox`
-      }), this.highlight(searchText)));
-    };
-    this.renderFlattenOption = data => {
-      const {
-        virtualize
+        filterRender
       } = this.props;
       const content = /*#__PURE__*/_react.default.createElement("ul", {
         className: `${prefixcls}-list`,
         key: 'flatten-list'
-      }, virtualize ? this.renderVirtualizeList(data) : data.map(item => this.renderFlattenOptionItem(item)));
-      return content;
-    };
-    this.renderVirtualizeList = visibleOptions => {
-      var _a;
-      const {
-        direction
-      } = this.context;
-      const {
-        virtualize
-      } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, {
-        height: virtualize.height,
-        itemCount: visibleOptions.length,
-        itemSize: virtualize.itemSize,
-        itemData: {
-          visibleOptions,
-          renderOption: this.renderFlattenOptionItem
-        },
-        width: (_a = virtualize.width) !== null && _a !== void 0 ? _a : '100%',
-        style: {
-          direction
+      }, data.map(item => {
+        const {
+          searchText,
+          key,
+          disabled,
+          pathData
+        } = item;
+        const selected = selectedKeys.has(key);
+        const className = (0, _classnames.default)(prefixcls, {
+          [`${prefixcls}-flatten`]: true && !filterRender,
+          [`${prefixcls}-disabled`]: disabled,
+          [`${prefixcls}-select`]: selected && !multiple
+        });
+        const onClick = e => {
+          this.onClick(e, item);
+        };
+        const onKeyPress = e => this.handleItemEnterPress(e, item);
+        const onCheck = e => this.onCheckboxChange(e, item);
+        if (filterRender) {
+          const props = {
+            className,
+            inputValue: keyword,
+            disabled,
+            data: pathData,
+            checkStatus: {
+              checked: checkedKeys.has(item.key),
+              halfChecked: halfCheckedKeys.has(item.key)
+            },
+            selected,
+            onClick,
+            onCheck
+          };
+          return /*#__PURE__*/_react.default.cloneElement(filterRender(props), {
+            key
+          });
         }
-      }, _virtualRow.default);
+        return /*#__PURE__*/_react.default.createElement("li", {
+          role: 'menuitem',
+          className: className,
+          key: key,
+          onClick: onClick,
+          onKeyPress: onKeyPress
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: `${prefixcls}-label`
+        }, !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+          onChange: onCheck,
+          disabled: disabled,
+          indeterminate: halfCheckedKeys.has(item.key),
+          checked: checkedKeys.has(item.key),
+          className: `${prefixcls}-label-checkbox`
+        }), this.highlight(searchText)));
+      }));
+      return content;
     };
   }
   renderItem(renderData) {
@@ -369,8 +333,7 @@ Item.propTypes = {
   halfCheckedKeys: _propTypes.default.object,
   onItemCheckboxClick: _propTypes.default.func,
   separator: _propTypes.default.string,
-  keyword: _propTypes.default.string,
-  virtualize: _propTypes.default.object
+  keyword: _propTypes.default.string
 };
 Item.defaultProps = {
   empty: false

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

@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

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

@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/image/preview.js

@@ -46,8 +46,8 @@ class Preview extends _baseComponent.default {
             if (item.isIntersecting && src) {
               item.target.src = src;
               item.target.removeAttribute("data-src");
+              this.previewObserver.unobserve(item.target);
             }
-            this.previewObserver.unobserve(item.target);
           });
         }, {
           root: document.querySelector(`#${this.previewGroupId}`),

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

@@ -145,11 +145,11 @@ export declare function withError(props: ModalReactProps): {
     size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
     direction?: any;
-    motion?: boolean;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
@@ -204,10 +204,10 @@ export declare function withError(props: ModalReactProps): {
         title?: string;
         name?: string;
         value?: string | number | readonly string[];
-        form?: string;
-        slot?: string;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;

package/lib/cjs/tree/treeNode.js

@@ -393,7 +393,9 @@ class TreeNode extends _react.PureComponent {
       expandStatus: {
         expanded,
         loading
-      }
+      },
+      filtered,
+      searchWord: rest.keyword
     };
     const dragProps = {
       onDoubleClick: this.onDoubleClick,

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

@@ -28,6 +28,7 @@ export interface UploadProps {
     dragMainText?: ReactNode;
     dragSubText?: ReactNode;
     draggable?: boolean;
+    addOnPasting?: boolean;
     fileList?: Array<FileItem>;
     fileName?: string;
     headers?: Record<string, any> | ((file: File) => Record<string, string>);
@@ -44,6 +45,7 @@ export interface UploadProps {
     onClear?: () => void;
     onDrop?: (e: Event, files: Array<File>, fileList: Array<FileItem>) => void;
     onError?: (e: CustomError, file: File, fileList: Array<FileItem>, xhr: XMLHttpRequest) => void;
+    onPastingError?: (error: Error | PermissionStatus) => void;
     onExceed?: (fileList: Array<File>) => void;
     onFileChange?: (files: Array<File>) => void;
     onOpenFileDialog?: () => void;
@@ -88,6 +90,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     static propTypes: {
         accept: PropTypes.Requireable<string>;
         action: PropTypes.Validator<string>;
+        addOnPasting: PropTypes.Requireable<boolean>;
         afterUpload: PropTypes.Requireable<(...args: any[]) => any>;
         beforeClear: PropTypes.Requireable<(...args: any[]) => any>;
         beforeRemove: PropTypes.Requireable<(...args: any[]) => any>;
@@ -128,6 +131,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         onRetry: PropTypes.Requireable<(...args: any[]) => any>;
         onSizeError: PropTypes.Requireable<(...args: any[]) => any>;
         onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
+        onPastingError: PropTypes.Requireable<(...args: any[]) => any>;
         previewFile: PropTypes.Requireable<(...args: any[]) => any>;
         prompt: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         promptPosition: PropTypes.Requireable<"left" | "right" | "bottom">;
@@ -168,6 +172,8 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     foundation: UploadFoundation;
     inputRef: RefObject<HTMLInputElement>;
     replaceInputRef: RefObject<HTMLInputElement>;
+    pastingCb: null | ((params: any) => void);
+    componentDidMount(): void;
     componentWillUnmount(): void;
     onClick: () => void;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;

package/lib/cjs/upload/index.js

@@ -446,6 +446,19 @@ class Upload extends _baseComponent.default {
           replaceInputKey: Math.random()
         }));
       },
+      isMac: () => {
+        return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+      },
+      registerPastingHandler: cb => {
+        document.body.addEventListener('keydown', cb);
+        this.pastingCb = cb;
+      },
+      unRegisterPastingHandler: () => {
+        if (this.pastingCb) {
+          document.body.removeEventListener('keydown', this.pastingCb);
+        }
+      },
+      notifyPastingError: error => this.props.onPastingError(error),
       updateDragAreaStatus: dragAreaStatus => this.setState({
         dragAreaStatus
       }),
@@ -470,6 +483,9 @@ class Upload extends _baseComponent.default {
       notifyBeforeClear: fileList => this.props.beforeClear(fileList)
     });
   }
+  componentDidMount() {
+    this.foundation.init();
+  }
   componentWillUnmount() {
     this.foundation.destroy();
   }
@@ -545,6 +561,7 @@ class Upload extends _baseComponent.default {
 Upload.propTypes = {
   accept: _propTypes.default.string,
   action: _propTypes.default.string.isRequired,
+  addOnPasting: _propTypes.default.bool,
   afterUpload: _propTypes.default.func,
   beforeClear: _propTypes.default.func,
   beforeRemove: _propTypes.default.func,
@@ -585,6 +602,7 @@ Upload.propTypes = {
   onRetry: _propTypes.default.func,
   onSizeError: _propTypes.default.func,
   onSuccess: _propTypes.default.func,
+  onPastingError: _propTypes.default.func,
   previewFile: _propTypes.default.func,
   prompt: _propTypes.default.node,
   promptPosition: _propTypes.default.oneOf(_constants.strings.PROMPT_POSITION),
@@ -629,6 +647,7 @@ Upload.defaultProps = {
   onRetry: _noop2.default,
   onSizeError: _noop2.default,
   onSuccess: _noop2.default,
+  onPastingError: _noop2.default,
   promptPosition: 'right',
   showClear: true,
   showPicInfo: false,

package/lib/es/cascader/index.js

@@ -116,8 +116,7 @@ class Cascader extends BaseComponent {
         bottomSlot,
         showNext,
         multiple,
-        filterRender,
-        virtualizeInSearch
+        filterRender
       } = this.props;
       const searchable = Boolean(filterTreeNode) && isSearching;
       const popoverCls = cls(dropdownClassName, `${prefixcls}-popover`);
@@ -145,8 +144,7 @@ class Cascader extends BaseComponent {
         multiple: multiple,
         checkedKeys: checkedKeys,
         halfCheckedKeys: halfCheckedKeys,
-        filterRender: filterRender,
-        virtualize: virtualizeInSearch
+        filterRender: filterRender
       }), bottomSlot);
       return content;
     };

package/lib/es/cascader/item.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import { CheckboxEvent } from '../checkbox';
-import { BasicCascaderData, BasicEntity, ShowNextType, BasicData, Virtualize } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
+import { BasicCascaderData, BasicEntity, ShowNextType, BasicData } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 export interface CascaderData extends BasicCascaderData {
     label: React.ReactNode;
 }
@@ -52,7 +52,6 @@ export interface CascaderItemProps {
     checkedKeys: Set<string>;
     halfCheckedKeys: Set<string>;
     filterRender?: (props: FilterRenderProps) => ReactNode;
-    virtualize?: Virtualize;
 }
 export default class Item extends PureComponent<CascaderItemProps> {
     static contextType: React.Context<ContextValue>;
@@ -69,7 +68,6 @@ export default class Item extends PureComponent<CascaderItemProps> {
         onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;
         separator: PropTypes.Requireable<string>;
         keyword: PropTypes.Requireable<string>;
-        virtualize: PropTypes.Requireable<object>;
     };
     static defaultProps: {
         empty: boolean;
@@ -89,9 +87,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
     };
     renderIcon: (type: string, haveMarginLeft?: boolean) => JSX.Element;
     highlight: (searchText: React.ReactNode[]) => React.ReactNode[];
-    renderFlattenOptionItem: (data: Data, index?: number, style?: any) => JSX.Element;
     renderFlattenOption: (data: Data[]) => JSX.Element;
-    renderVirtualizeList: (visibleOptions: any) => JSX.Element;
     renderItem(renderData: Array<Entity>, content?: Array<React.ReactNode>): React.ReactNode[];
     renderEmpty(): JSX.Element;
     render(): JSX.Element;

package/lib/es/cascader/item.js

@@ -9,8 +9,6 @@ import LocaleConsumer from '../locale/localeConsumer';
 import { IconChevronRight, IconTick } from '@douyinfe/semi-icons';
 import Spin from '../spin';
 import Checkbox from '../checkbox';
-import { FixedSizeList as List } from 'react-window';
-import VirtualRow from './virtualRow';
 const prefixcls = cssClasses.PREFIX_OPTION;
 export default class Item extends PureComponent {
   constructor() {
@@ -131,105 +129,71 @@ export default class Item extends PureComponent {
       });
       return content;
     };
-    this.renderFlattenOptionItem = (data, index, style) => {
-      var _a;
+    this.renderFlattenOption = data => {
       const {
         multiple,
         selectedKeys,
         checkedKeys,
         halfCheckedKeys,
         keyword,
-        filterRender,
-        virtualize
-      } = this.props;
-      const {
-        searchText,
-        key,
-        disabled,
-        pathData
-      } = data;
-      const selected = selectedKeys.has(key);
-      const className = cls(prefixcls, {
-        [`${prefixcls}-flatten`]: true && !filterRender,
-        [`${prefixcls}-disabled`]: disabled,
-        [`${prefixcls}-select`]: selected && !multiple
-      });
-      const onClick = e => {
-        this.onClick(e, data);
-      };
-      const onKeyPress = e => this.handleItemEnterPress(e, data);
-      const onCheck = e => this.onCheckboxChange(e, data);
-      if (filterRender) {
-        const props = {
-          className,
-          inputValue: keyword,
-          disabled,
-          data: pathData,
-          checkStatus: {
-            checked: checkedKeys.has(data.key),
-            halfChecked: halfCheckedKeys.has(data.key)
-          },
-          selected,
-          onClick,
-          onCheck
-        };
-        const item = filterRender(props);
-        const otherProps = virtualize ? {
-          key,
-          style: Object.assign(Object.assign({}, (_a = item.props.style) !== null && _a !== void 0 ? _a : {}), style)
-        } : {
-          key
-        };
-        return /*#__PURE__*/React.cloneElement(item, otherProps);
-      }
-      return /*#__PURE__*/React.createElement("li", {
-        role: 'menuitem',
-        className: className,
-        style: style,
-        key: key,
-        onClick: onClick,
-        onKeyPress: onKeyPress
-      }, /*#__PURE__*/React.createElement("span", {
-        className: `${prefixcls}-label`
-      }, !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/React.createElement(Checkbox, {
-        onChange: onCheck,
-        disabled: disabled,
-        indeterminate: halfCheckedKeys.has(data.key),
-        checked: checkedKeys.has(data.key),
-        className: `${prefixcls}-label-checkbox`
-      }), this.highlight(searchText)));
-    };
-    this.renderFlattenOption = data => {
-      const {
-        virtualize
+        filterRender
       } = this.props;
       const content = /*#__PURE__*/React.createElement("ul", {
         className: `${prefixcls}-list`,
         key: 'flatten-list'
-      }, virtualize ? this.renderVirtualizeList(data) : data.map(item => this.renderFlattenOptionItem(item)));
-      return content;
-    };
-    this.renderVirtualizeList = visibleOptions => {
-      var _a;
-      const {
-        direction
-      } = this.context;
-      const {
-        virtualize
-      } = this.props;
-      return /*#__PURE__*/React.createElement(List, {
-        height: virtualize.height,
-        itemCount: visibleOptions.length,
-        itemSize: virtualize.itemSize,
-        itemData: {
-          visibleOptions,
-          renderOption: this.renderFlattenOptionItem
-        },
-        width: (_a = virtualize.width) !== null && _a !== void 0 ? _a : '100%',
-        style: {
-          direction
+      }, data.map(item => {
+        const {
+          searchText,
+          key,
+          disabled,
+          pathData
+        } = item;
+        const selected = selectedKeys.has(key);
+        const className = cls(prefixcls, {
+          [`${prefixcls}-flatten`]: true && !filterRender,
+          [`${prefixcls}-disabled`]: disabled,
+          [`${prefixcls}-select`]: selected && !multiple
+        });
+        const onClick = e => {
+          this.onClick(e, item);
+        };
+        const onKeyPress = e => this.handleItemEnterPress(e, item);
+        const onCheck = e => this.onCheckboxChange(e, item);
+        if (filterRender) {
+          const props = {
+            className,
+            inputValue: keyword,
+            disabled,
+            data: pathData,
+            checkStatus: {
+              checked: checkedKeys.has(item.key),
+              halfChecked: halfCheckedKeys.has(item.key)
+            },
+            selected,
+            onClick,
+            onCheck
+          };
+          return /*#__PURE__*/React.cloneElement(filterRender(props), {
+            key
+          });
         }
-      }, VirtualRow);
+        return /*#__PURE__*/React.createElement("li", {
+          role: 'menuitem',
+          className: className,
+          key: key,
+          onClick: onClick,
+          onKeyPress: onKeyPress
+        }, /*#__PURE__*/React.createElement("span", {
+          className: `${prefixcls}-label`
+        }, !multiple && this.renderIcon('empty'), multiple && /*#__PURE__*/React.createElement(Checkbox, {
+          onChange: onCheck,
+          disabled: disabled,
+          indeterminate: halfCheckedKeys.has(item.key),
+          checked: checkedKeys.has(item.key),
+          className: `${prefixcls}-label-checkbox`
+        }), this.highlight(searchText)));
+      }));
+      return content;
     };
   }
   renderItem(renderData) {
@@ -359,8 +323,7 @@ Item.propTypes = {
   halfCheckedKeys: PropTypes.object,
   onItemCheckboxClick: PropTypes.func,
   separator: PropTypes.string,
-  keyword: PropTypes.string,
-  virtualize: PropTypes.object
+  keyword: PropTypes.string
 };
 Item.defaultProps = {
   empty: false

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

@@ -140,7 +140,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

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

@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;