@teamias/rex-design 0.0.1

package/dist/components/base-form/types.d.ts

@@ -0,0 +1,181 @@
+import { ProForm, ProFormCascader, ProFormCheckbox, ProFormDateRangePicker, ProFormDigit, ProFormDigitRange, ProFormItemRender, ProFormRadio, ProFormSelect, ProFormSwitch, ProFormText, ProFormTextArea, ProFormTreeSelect, ProFormDatePicker } from '@ant-design/pro-components';
+import { TButtonFilterItem } from "../..";
+import { Form, GetProps } from 'antd';
+import { ReactNode } from 'react';
+/** 组件props */
+export interface IBaseFormProps {
+    /** 字段配置 */
+    fields?: Array<TInputProps | TDateRangeProps | TSelectProps | TSelectInputProps | TSelectDimProps | TCustomProps | TSelectDateRangeProps | TCascaderProps | TTreeSelectProps | TCheckboxProps | TCheckboxGroupProps | TRadioGroupProps | TInputNumberProps | TInputNumberRangeProps | TTextAreaProps | TSelectRadioProps | TMultipleComponentsProps | TSwitchProps | TDatePickerProps>;
+    /** 字段对应的本地代码配置 */
+    fieldProps?: Record<string, Exclude<IBaseFormProps['fields'], undefined>[number]>;
+    /**
+     * 每个表单项宽度
+     * @default 20%
+     */
+    itemWidth?: number | string;
+    itemMarginBottom?: number | string;
+    /** 每个 label 宽度 */
+    labelWidth?: string;
+    /**
+     * 数据请求器
+     * - 不传的情况下用注入的请求器
+     */
+    requestOptions?: (api: string, params: Record<string, unknown>, rawItem: IBaseFormFieldItem) => Promise<Exclude<IBaseFormFieldItem['options'], undefined>>;
+    /** label 显示到输入框内 */
+    inlineLabel?: boolean;
+}
+type TOmitComponentItemType = 'width';
+export type TInputProps = IBaseFormFieldItem<'input'> & Omit<GetProps<typeof ProFormText>, TOmitComponentItemType>;
+export type TSelectProps = IBaseFormFieldItem<'select'> & Omit<GetProps<typeof ProFormSelect>, TOmitComponentItemType>;
+export type TSelectDimProps = IBaseFormFieldItem<'selectDim'> & Omit<GetProps<typeof ProFormSelect>, TOmitComponentItemType>;
+export type TDateRangeProps = IBaseFormFieldItem<'dateRange'> & Omit<GetProps<typeof ProFormDateRangePicker>, TOmitComponentItemType>;
+export type TCascaderProps = IBaseFormFieldItem<'cascader'> & Omit<GetProps<typeof ProFormCascader>, TOmitComponentItemType>;
+export type TTreeSelectProps = IBaseFormFieldItem<'treeSelect'> & Omit<GetProps<typeof ProFormTreeSelect>, TOmitComponentItemType>;
+export type TCheckboxProps = IBaseFormFieldItem<'checkbox'> & Omit<GetProps<typeof ProFormCheckbox>, TOmitComponentItemType>;
+export type TCheckboxGroupProps = IBaseFormFieldItem<'checkboxGroup'> & Omit<GetProps<typeof ProFormCheckbox.Group>, TOmitComponentItemType>;
+export type TRadioGroupProps = IBaseFormFieldItem<'radioGroup'> & Omit<GetProps<typeof ProFormRadio>, TOmitComponentItemType>;
+export type TInputNumberProps = IBaseFormFieldItem<'inputNumber'> & Omit<GetProps<typeof ProFormDigit>, TOmitComponentItemType>;
+export type TInputNumberRangeProps = IBaseFormFieldItem<'inputNumberRange'> & Omit<GetProps<typeof ProFormDigitRange>, TOmitComponentItemType>;
+export type TTextAreaProps = IBaseFormFieldItem<'textArea'> & Omit<GetProps<typeof ProFormTextArea>, TOmitComponentItemType>;
+export type TSelectRadioProps = IBaseFormFieldItem<'selectRadio'> & Omit<GetProps<typeof ProFormSelect>, TOmitComponentItemType>;
+export type TSwitchProps = IBaseFormFieldItem<'switch'> & Omit<GetProps<typeof ProFormSwitch>, TOmitComponentItemType>;
+export type TDatePickerProps = IBaseFormFieldItem<'datePicker'> & Omit<GetProps<typeof ProFormDatePicker>, TOmitComponentItemType>;
+export type TSelectInputProps = IBaseFormFieldItem<'selectInput'> & Omit<GetProps<typeof ProFormText>, TOmitComponentItemType>;
+export type TSelectDateRangeProps = IBaseFormFieldItem<'selectDateRange'> & Omit<GetProps<typeof ProFormDateRangePicker>, TOmitComponentItemType>;
+export type TMultipleComponentsProps = IBaseFormFieldItem<'multipleComponents'> & GetProps<typeof Form.Item> & {
+    /** 组合项 */
+    subItems: IBaseFormProps['fields'];
+    /** 组合模式,紧凑型 */
+    compact?: boolean;
+    formItemProps?: GetProps<typeof Form.Item>;
+};
+export type TCustomProps = IBaseFormFieldItem<'custom'> & GetProps<typeof Form.Item> & {
+    render: (props: Parameters<GetProps<typeof ProFormItemRender>['children']>[0], form?: ReturnType<typeof ProForm.useForm>[0]) => ReactNode;
+    formItemProps?: GetProps<typeof Form.Item>;
+};
+/** 后续可继续添加新类型 */
+export type TDependencyAction = 'value' | 'search' | 'visible' | 'disabled';
+/** 组件 fields 具体类型 */
+export interface IBaseFormFieldItem<T extends TValueType = TValueType> {
+    /** 组件类型 */
+    valueType: T;
+    /** 组合功能时,限制每个组合控件宽度 */
+    childWidths?: Array<string | number>;
+    /**
+     * 每个表单项宽度
+     * @default 20%
+     */
+    itemWidth?: number | string;
+    /** label 宽度 */
+    labelWidth?: string;
+    /** 必填项 */
+    required?: boolean;
+    /** 文案 */
+    label?: string;
+    /**
+     * 单一组件,组合组件
+     * - valueType = multipleComponents 类型的时候不需要
+     */
+    field?: string | string[];
+    /**
+     * value 的情况只允许依赖单字段
+     * search 的情况只允许依赖多字段
+     * visible 的情况只允许依赖多字段
+     * disabled 的情况只允许依赖多字段
+     */
+    dependencies?: Array<{
+        field: string;
+        action: Extract<TDependencyAction, 'value'>;
+    } | {
+        field: string[];
+        action: Extract<TDependencyAction, 'search' | 'visible' | 'disabled'>;
+    }>;
+    dependenciesV2?: IDependenciesV2[];
+    /** 选择项 */
+    options?: Array<TOption>;
+    /** api接口 */
+    api?: string;
+    /**
+     * 请求方式
+     * @default post
+     */
+    apiMethod?: string;
+    /**
+     * api 搜索key定义
+     * - false 时候不会把 field 作为key传入
+     * - string 自定义key 传入
+     * - 目前 selectDim 使用到
+     */
+    apiSearchKey?: false | string;
+    /**
+     * api 以id作为搜索条件,指定的key
+     * - 更多是用于数据回显时候,使用id查询出对应数据
+     * - 目前 selectDim 使用到
+     */
+    apiSearchValueKey?: string;
+    /**
+     * 默认请求参数
+     * @deprecated 弃用,用回原生params
+     */
+    defaultParams?: Record<string, unknown>;
+    /** 默认请求参数 */
+    params?: Record<string, unknown>;
+    /** 多选 */
+    multiple?: boolean;
+    /**
+     * 对应 valueType 的props
+     * - TODO: 不清楚怎么设置这个泛型
+     */
+    fieldProps?: unknown;
+    /** 校验规则 */
+    rules?: Array<{
+        required?: boolean;
+        message?: string;
+        pattern?: RegExp;
+        validator?: (rule: any, value: any) => Promise<void>;
+        [key: string]: any;
+    }>;
+    /** 提示信息 */
+    tooltip?: string;
+    /**
+     * 字段对应默认值
+     * - 需要手动调用函数提取,再设置
+     * - 扩展,注入form.item 上
+     */
+    defaultValue?: string | string[] | boolean | number | number[];
+    /** 控制隐藏 */
+    hidden?: boolean;
+    /** 权限key */
+    permissionKey?: string;
+}
+type TOption = {
+    label: string;
+    value: string | number;
+    children?: TOption[];
+};
+export interface IDependenciesV2 extends Partial<Omit<TButtonFilterItem, 'original'>> {
+    /** 依赖字段 */
+    field: string;
+    /**
+     * 操作类型
+     * - 同时设置 hidden 和 show 的时候, hidden 优先级高于 show
+     */
+    action: 'clear' | 'updateData' | 'disabled' | 'hidden' | 'show' | 'syncValue';
+    /**
+     * 是否用户操作的才触发
+     * - 默认设置
+     * - true 类型: clear
+     * - false 类型: updateData disabled hidden show syncValue
+     */
+    isTouched?: boolean;
+}
+/** 控件类型 */
+export type TValueType = 'input'
+/** 一次性拉所有 或 配置options */
+ | 'select'
+/**
+ * @desc 下拉框+输入框
+ * @deprecated 建议使用 multipleComponents 进行组合
+ */
+ | 'selectInput' | 'selectDim' | 'dateRange' | 'selectDateRange' | 'cascader' | 'treeSelect' | 'checkbox' | 'checkboxGroup' | 'radioGroup' | 'inputNumber' | 'inputNumberRange' | 'textArea' | 'selectRadio' | 'multipleComponents' | 'switch' | 'datePicker' | 'upload' | 'table' | 'custom';
+export {};

package/dist/components/base-form/types.js

@@ -0,0 +1,10 @@
+/** 组件props */
+
+/** 后续可继续添加新类型 */
+
+/** 组件 fields 具体类型 */
+
+;
+
+/** 控件类型 */
+export {};

package/dist/components/base-list-table/base-list-table.d.ts

@@ -0,0 +1,33 @@
+import React, { type ReactNode } from 'react';
+import { Checkbox, GetProps } from 'antd';
+import { IBaseTableProps } from "../base-table/base-table";
+export declare const BaseListTable: <T extends object = object>({ fieldsConfig, requestFields, requestFieldsUrl, requestFieldsParams, scroll, virtual, titleRender, rowSelection, dataSource, headerRender, defaultExpandAllCollapse, tableMaxRowCount, ...tableProps }: BaseListTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface BaseListTableProps<T extends object = object> extends Omit<IBaseTableProps<T>, 'rowSelection' | 'dataSource' | 'scroll'> {
+    /** 标题行自定以渲染 */
+    titleRender?: (item: T, index: number, originNode: {
+        checkboxNode: React.ReactNode;
+        dataNode: React.ReactNode;
+    }) => ReactNode;
+    /** 头渲染 */
+    headerRender?: (originNode: React.ReactNode) => ReactNode;
+    /** 选择,尽量保持和table的一致 */
+    rowSelection?: {
+        getCheckboxProps?: (record: T) => Omit<GetProps<typeof Checkbox>, 'checked' | 'onChange'>;
+        onChange?: (keys: React.Key[], items: T[]) => void;
+        selectedRowKeys?: React.Key[];
+    };
+    dataSource?: T[];
+    /** 默认加载展开Collapse */
+    defaultExpandAllCollapse?: boolean;
+    /** 滚动高度 */
+    scroll?: {
+        y?: number;
+    } | ((height?: number) => {
+        y?: number;
+    });
+    /**
+     * 内部table最大行数
+     * - 配置了才会生效
+     */
+    tableMaxRowCount?: number;
+}

package/dist/components/base-list-table/base-list-table.js

@@ -0,0 +1,292 @@
+var _excluded = ["fieldsConfig", "requestFields", "requestFieldsUrl", "requestFieldsParams", "scroll", "virtual", "titleRender", "rowSelection", "dataSource", "headerRender", "defaultExpandAllCollapse", "tableMaxRowCount"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Checkbox, Collapse, List, Skeleton } from 'antd';
+import { CaretRightOutlined } from '@ant-design/icons';
+import { useDebounceEffect, useDeepCompareEffect } from 'ahooks';
+import classNames from "classnames";
+import VirtualList from 'rc-virtual-list';
+import { useStateData, useRequestFields, useRequestFieldsConfig, useRexProConfigProvider } from "../..";
+import { Header, TableMoreData, TableTitle, Wrapper } from "./style";
+import { BaseTable } from "../base-table/base-table";
+import { DataCell } from "../data-cell/data-cell";
+export var BaseListTable = function BaseListTable(_ref) {
+  var fieldsConfig = _ref.fieldsConfig,
+    requestFields = _ref.requestFields,
+    requestFieldsUrl = _ref.requestFieldsUrl,
+    requestFieldsParams = _ref.requestFieldsParams,
+    scroll = _ref.scroll,
+    virtual = _ref.virtual,
+    titleRender = _ref.titleRender,
+    rowSelection = _ref.rowSelection,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    headerRender = _ref.headerRender,
+    defaultExpandAllCollapse = _ref.defaultExpandAllCollapse,
+    tableMaxRowCount = _ref.tableMaxRowCount,
+    tableProps = _objectWithoutProperties(_ref, _excluded);
+  var _useRexProConfigProvi = useRexProConfigProvider(),
+    formatMessage = _useRexProConfigProvi.intl.formatMessage;
+  var responseConfig = useRequestFieldsConfig();
+  var openCheckbox = !!rowSelection;
+  var _useStateData = useStateData(function () {
+      return {
+        tableRequestFieldsPromise: undefined,
+        /** 唯一key字段 */
+        keyField: 'key',
+        /** 选中 */
+        selected: [],
+        /** 选中数据 */
+        selectedItems: [],
+        /** checkbox props */
+        checkboxPropsMap: {},
+        /** checkbox 禁用 */
+        checkboxDisabled: [],
+        /** 行状态记录 */
+        recordStatus: {},
+        scrollHeight: 300,
+        listKey: "list-".concat(Date.now(), "-").concat(parseInt("".concat(Math.random() * 10000), 10))
+      };
+    }),
+    state = _useStateData.state,
+    update = _useStateData.update;
+  var _useRequestFields = useRequestFields({
+      request: requestFields,
+      requestFieldsUrl: requestFieldsUrl || responseConfig.tableHeaderUrl,
+      requestFieldsParams: requestFieldsParams || responseConfig.tableHeaderParams,
+      fieldsConfig: fieldsConfig || responseConfig.tableHeaderConfig
+    }),
+    loading = _useRequestFields.loading,
+    fields = _useRequestFields.fields;
+  var renderItem = function renderItem(item, index) {
+    var key = item[state.keyField];
+    var openMaxRowCountRow = typeof tableMaxRowCount === 'number';
+    var childrenDataSource = 'children' in item && Array.isArray(item.children) ? item.children : [];
+    state.recordStatus[key] = state.recordStatus[key] || {};
+    var config = state.recordStatus[key];
+    var children = childrenDataSource;
+    if (openMaxRowCountRow && !config.expandMoreData) {
+      children = childrenDataSource.slice(0, tableMaxRowCount);
+    }
+    var titleNode = function () {
+      var checkboxNode = openCheckbox ? /*#__PURE__*/React.createElement(Checkbox, _extends({}, state.checkboxPropsMap["".concat(key)], {
+        checked: state.selected.includes(key),
+        onChange: function onChange(e) {
+          if (e.target.checked) {
+            state.selected.push(key);
+            state.selectedItems.push(item);
+          } else {
+            state.selected = state.selected.filter(function (k) {
+              return k !== key;
+            });
+            state.selectedItems = dataSource.filter(function (k) {
+              return k !== item;
+            });
+          }
+          update();
+        }
+      })) : /*#__PURE__*/React.createElement(React.Fragment, null);
+      var dataNode = /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(item).map(function (inlineKey) {
+        var data = item[inlineKey];
+        if ([state.keyField, 'children'].includes(inlineKey) || !Array.isArray(data)) return /*#__PURE__*/React.createElement("span", {
+          style: {
+            display: 'none'
+          },
+          key: inlineKey
+        });
+        return /*#__PURE__*/React.createElement(DataCell, {
+          key: inlineKey,
+          items: data
+        });
+      }));
+      return /*#__PURE__*/React.createElement(TableTitle, {
+        className: "base-list-table-table-title"
+      }, titleRender ? titleRender(item, index, {
+        checkboxNode: checkboxNode,
+        dataNode: dataNode
+      }) : /*#__PURE__*/React.createElement(React.Fragment, null, checkboxNode, dataNode));
+    }();
+    var bodyNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BaseTable, _extends({
+      scroll: {
+        x: 1000
+      }
+    }, tableProps, {
+      dataSource: children,
+      fieldsConfig: fields,
+      pagination: false
+    })), openMaxRowCountRow && childrenDataSource.length > tableMaxRowCount ? /*#__PURE__*/React.createElement(TableMoreData, {
+      className: "base-list-table-more-data"
+    }, /*#__PURE__*/React.createElement("a", {
+      href: "void",
+      "aria-hidden": "true",
+      onClick: function onClick(e) {
+        e.preventDefault();
+        config.expandMoreData = !config.expandMoreData;
+        update();
+      }
+    }, config.expandMoreData ? formatMessage({
+      id: 'bit.data-display.base-list-table.expand-more-data-hide',
+      defaultMessage: '收起'
+    }) : formatMessage({
+      id: 'bit.data-display.base-list-table.expand-more-data',
+      defaultMessage: '还有{count}条数据未展示'
+    }, {
+      count: childrenDataSource.length - tableMaxRowCount
+    }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+    return /*#__PURE__*/React.createElement(List.Item, {
+      key: key
+    }, /*#__PURE__*/React.createElement(Collapse, {
+      size: "small",
+      collapsible: "icon",
+      destroyInactivePanel: true
+      // bordered={false}
+      ,
+      defaultActiveKey: defaultExpandAllCollapse && (typeof config.collapseActiveKey === 'undefined' || config.collapseActiveKey) ? [key] : []
+      // activeKey={config.collapseActiveKey ? [key as string] : []}
+      ,
+      expandIcon: function expandIcon(_ref2) {
+        var isActive = _ref2.isActive;
+        return /*#__PURE__*/React.createElement(CaretRightOutlined, {
+          rotate: isActive ? 90 : 0
+        });
+      },
+      items: [{
+        key: key,
+        label: titleNode,
+        children: bodyNode
+      }],
+      onChange: function onChange() {
+        config.collapseActiveKey = !config.collapseActiveKey;
+        // update();
+      }
+    }));
+  };
+
+  /** 处理数据 */
+  useDebounceEffect(function () {
+    state.recordStatus = {};
+    // if (!openCheckbox) {
+    //   update();
+    //   return;
+    // }
+    dataSource.forEach(function (item) {
+      var _rowSelection$getChec;
+      var key = item[state.keyField];
+      var checkboxProps = (rowSelection === null || rowSelection === void 0 || (_rowSelection$getChec = rowSelection.getCheckboxProps) === null || _rowSelection$getChec === void 0 ? void 0 : _rowSelection$getChec.call(rowSelection, item)) || {};
+      state.checkboxPropsMap["".concat(key)] = checkboxProps;
+      if (defaultExpandAllCollapse) {
+        state.recordStatus["".concat(key)] = {
+          collapseActiveKey: true
+        };
+      }
+      if (checkboxProps.disabled) {
+        state.checkboxDisabled.push(key);
+      }
+    });
+    update();
+  }, [dataSource], {
+    wait: 100
+  });
+
+  /** 回调选中值 */
+  useDebounceEffect(function () {
+    var _rowSelection$onChang;
+    rowSelection === null || rowSelection === void 0 || (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 || _rowSelection$onChang.call(rowSelection, state.selected, state.selectedItems);
+  }, [state.selected, state.selected.length], {
+    wait: 0
+  });
+
+  /** 同步值 */
+  useDeepCompareEffect(function () {
+    if (!openCheckbox) return;
+    if (typeof rowSelection.selectedRowKeys === 'undefined') return;
+    state.selected = rowSelection.selectedRowKeys || [];
+    state.selectedItems = dataSource.filter(function (item) {
+      return state.selected.includes(item[state.keyField]);
+    });
+    update();
+  }, [rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys]);
+  useDebounceEffect(function () {
+    if (loading) return;
+    var timer = null;
+    var fn = function fn() {
+      var _document$querySelect, _document$querySelect2, _document$querySelect3;
+      var bodyEl = ((_document$querySelect = document.querySelector(".".concat(state.listKey))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.querySelector('.rc-virtual-list')) || ((_document$querySelect2 = document.querySelector(".".concat(state.listKey))) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.querySelector('ul')) || ((_document$querySelect3 = document.querySelector(".".concat(state.listKey))) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.querySelector('.ant-spin-nested-loading')) || document.querySelector(".".concat(state.listKey));
+      // console.log(bodyEl);
+
+      if (!bodyEl) return;
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(function () {
+        timer = null;
+        // 54: 底部padding + 分页高度 + 分页padding
+        state.scrollHeight = Math.max(window.innerHeight - bodyEl.getBoundingClientRect().top - 54, 300);
+        // console.log(state.scrollHeight);
+        update();
+      }, 0);
+    };
+    fn();
+    window.addEventListener('resize', fn);
+    return function () {
+      window.removeEventListener('resize', fn);
+    };
+  }, [loading], {
+    wait: 0
+  });
+  if (loading) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Skeleton, {
+      active: true
+    }), /*#__PURE__*/React.createElement(Skeleton, {
+      active: true
+    }));
+  }
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: classNames("base-list-table-table-box", state.listKey)
+  }, /*#__PURE__*/React.createElement(Header, {
+    className: "base-list-table-table-header"
+  }, function () {
+    var originNode = openCheckbox ? /*#__PURE__*/React.createElement(Checkbox, {
+      disabled: dataSource.length === 0,
+      indeterminate: state.selected.length > 0 && state.selected.length < dataSource.length - state.checkboxDisabled.length,
+      checked: dataSource.length !== 0 && state.selected.length === dataSource.length - state.checkboxDisabled.length,
+      onChange: function onChange(e) {
+        if (e.target.checked) {
+          var baseArr = dataSource.filter(function (item) {
+            return !state.checkboxDisabled.includes(item[state.keyField]);
+          });
+          state.selected = baseArr.map(function (item) {
+            return item[state.keyField];
+          });
+          state.selectedItems = baseArr;
+        } else {
+          state.selected = [];
+          state.selectedItems = [];
+        }
+        update();
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null);
+    if (headerRender) return headerRender(originNode);
+    return originNode;
+  }()), virtual ? /*#__PURE__*/React.createElement(List, {
+    size: "small"
+  }, /*#__PURE__*/React.createElement(VirtualList, {
+    data: dataSource,
+    fullHeight: false,
+    height: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
+    itemHeight: 200,
+    itemKey: state.keyField
+    // onScroll={onScroll}
+  }, renderItem)) : /*#__PURE__*/React.createElement(List, {
+    style: {
+      maxHeight: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
+      overflow: 'auto'
+    },
+    dataSource: dataSource,
+    itemLayout: "vertical",
+    size: "small",
+    rowKey: state.keyField,
+    renderItem: renderItem
+  }));
+};
+;

package/dist/components/base-list-table/demo/BasicBaseListTable.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;