lijiawei0602 / antd-virtual-select Goto Github PK

import SuperSelect from "@nuo-common/cloudjz-virtual-select";

const Option = SuperSelect.Option;

const Example = () => {
  const children = [];

  for (let i = 0; i < 100000; i++) {
    children.push(
      <Option value={i + ""} key={i}>
        {i}
      </Option>
    );
  }

  return (
    <SuperSelect
      showSearch
      // mode="multiple"
      // onChange={onChange}
      // onSearch={onSearch}
      // onSelect={onSelect}
    >
      {children}
    </SuperSelect>
  );
};

• Support tens of thousands of data scrolling smoothly
• Same as ant api, easy to use
• Simple to implement, can be modified according to needs
• Support for direct use in antd Form

• Use the antd Select dropdownRender method to customize the drop-down list content, rendering only about dozens of data in the viewport
• Calculate the scrolling distance of the list, re-render when scrolling about the height of the visible area, reduce the number of renderings and improve performance
• Represents methods such as antd Select onChange to implement the same api usage and callback parameter return

demo

• feat:
  1. 更新构建配置

• fix:
  1. 修复 Option 组件添加 style={xxx} 样式无效问题

• fix:
  1. 修复异步加载数据时下拉列表高度固定 100px 问题
  2. onDropdownVisibleChange 回调函数未触发问题

• fix:
  1. 输入筛选条件直接 blur 后下拉列表没有重置为全部列表