@flatbiz/antd 4.5.26 → 5.0.0

package/dist/easy-table/index.js

@@ -0,0 +1,1253 @@
+/* eslint-disable */
+import './../box-grid/index.css';
+import './../fba-hooks/index.css';
+import './../fba-utils/index.css';
+import './../form-grid/index.css';
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { f as fbaUtils } from '../fba-utils-Dfbczn1S.js';
+import { isArray } from '@dimjs/lang/is-array';
+import { isObject } from '@dimjs/lang/is-object';
+import { b as _objectSpread2, a as _slicedToArray, i as _defineProperty, c as _toConsumableArray, _ as _objectWithoutProperties } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { sessionStorageCache, localStorageCache, noop, getUuid, isUndefinedOrNull, isMacEnv } from '@flatbiz/utils';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { isUndefined } from '@dimjs/lang/is-undefined';
+import { get } from '@dimjs/utils/get/get';
+import { hooks } from '@wove/react/hooks';
+import { isString } from '@dimjs/lang/is-string';
+import { createContext, useState, Fragment, forwardRef, useMemo, useRef, useImperativeHandle, cloneElement, useContext, Children, useEffect } from 'react';
+import { Checkbox, Popover, Form, message, Drawer, Table } from 'antd';
+import { fbaHooks } from '../fba-hooks/index.js';
+import { P as PaginationWrapper } from '../pagination-BNbiyV-n.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import _DownOutlined from '@ant-design/icons/es/icons/DownOutlined.js';
+import _UpOutlined from '@ant-design/icons/es/icons/UpOutlined.js';
+import { isFragment } from 'react-is';
+import { B as BlockLayout } from '../layout-OPf8eBBY.js';
+import { B as ButtonWrapper } from '../button-wrapper-l9FUsrWl.js';
+import { E as EasyForm } from '../form-Bz0Gi7wm.js';
+import { FormGrid } from '../form-grid/index.js';
+import { T as TableScrollbar } from '../table-scrollbar-CBqQ4pYQ.js';
+import { F as FlexLayout } from '../flex-layout-BaDncU_Z.js';
+import { I as IconWrapper } from '../icon-wrapper-CR3akisG.js';
+import { S as SvgHttpView } from '../svg-DXIM5sfc.js';
+import { T as TableTitleTooltip } from '../title-render-DGYUo6yV.js';
+import { T as TipsWrapper } from '../tips-wrapper-Bf9nfZq3.js';
+import '@dimjs/model';
+import '../use-responsive-point-Bp3D3lZT.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '@dimjs/lang/is-promise';
+import '../config-provider-wrapper-DDa_64Ce.js';
+import 'antd/es/locale/en_US.js';
+import 'antd/es/locale/zh_CN.js';
+import 'dayjs';
+import 'dayjs/plugin/advancedFormat.js';
+import 'dayjs/plugin/customParseFormat.js';
+import 'dayjs/plugin/localeData.js';
+import 'dayjs/plugin/utc.js';
+import 'dayjs/plugin/weekday.js';
+import 'dayjs/plugin/weekOfYear.js';
+import 'dayjs/plugin/weekYear.js';
+import '@dimjs/utils/extend/extend';
+import 'dayjs/locale/en.js';
+import 'dayjs/locale/zh-cn.js';
+import '../box-grid/index.js';
+import '@dimjs/lang/is-number';
+import 'ahooks';
+import '../form-wrapper-DSnBmyFu.js';
+import '../pre-defined-class-name/index.js';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+
+var filterCache = {
+  set: function set(cacheKey, filterCondition) {
+    var value = filterCache.get(cacheKey);
+    var mergeParams = _objectSpread2(_objectSpread2({}, value), filterCondition);
+    sessionStorageCache.set("easy_tab_filter_".concat(cacheKey), mergeParams);
+    return mergeParams;
+  },
+  get: function get(cacheKey) {
+    var value = sessionStorageCache.get("easy_tab_filter_".concat(cacheKey));
+    return isObject(value) ? value : {};
+  },
+  remove: function remove(cacheKey) {
+    sessionStorageCache.remove("easy_tab_filter_".concat(cacheKey));
+  }
+};
+var firstQueryCache = {
+  set: function set(cacheKey, flag) {
+    sessionStorageCache.set("easy_tab_firstQuery_".concat(cacheKey), {
+      value: flag
+    });
+  },
+  get: function get(cacheKey) {
+    var _sessionStorageCache$;
+    var value = (_sessionStorageCache$ = sessionStorageCache.get("easy_tab_firstQuery_".concat(cacheKey))) === null || _sessionStorageCache$ === void 0 ? void 0 : _sessionStorageCache$.value;
+    return value === false ? false : true;
+  },
+  remove: function remove(cacheKey) {
+    sessionStorageCache.remove("easy_tab_firstQuery_".concat(cacheKey));
+  }
+};
+var columnFoldCache = {
+  set: function set(cacheKey, value) {
+    localStorageCache.set("easy_tab_columnFold_".concat(cacheKey), {
+      value: value
+    });
+  },
+  get: function get(cacheKey) {
+    var _localStorageCache$ge;
+    var value = (_localStorageCache$ge = localStorageCache.get("easy_tab_columnFold_".concat(cacheKey))) === null || _localStorageCache$ge === void 0 ? void 0 : _localStorageCache$ge.value;
+    return isArray(value) ? value : [];
+  },
+  remove: function remove(cacheKey) {
+    localStorageCache.remove("easy_tab_columnFold_".concat(cacheKey));
+  }
+};
+
+var EasyTableContext = /*#__PURE__*/createContext({
+  onRequest: noop,
+  tableList: [],
+  getEasyTableRef: function getEasyTableRef() {
+    //
+  }
+});
+
+var FoldOperateDropdown = function FoldOperateDropdown(props) {
+  var _useState = useState(props.initSelectedRowKeys || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRowKeys = _useState2[0],
+    setSelectedRowKeys = _useState2[1];
+  var onChange = function onChange(keys) {
+    setSelectedRowKeys(keys);
+    props.onChange(keys);
+    if (props.cacheKey) {
+      columnFoldCache.set(props.cacheKey, keys);
+    }
+  };
+  var content = /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(Checkbox.Group, {
+      defaultValue: selectedRowKeys,
+      onChange: onChange,
+      value: selectedRowKeys,
+      style: {
+        display: 'flex',
+        flexDirection: 'column'
+      },
+      children: props.dataList.map(function (item) {
+        var label = item['_isFoldTitle'] || item.title;
+        return /*#__PURE__*/jsx(Checkbox, {
+          value: item.dataIndex,
+          style: {
+            padding: '0 0 5px 0'
+          },
+          children: label
+        }, item.dataIndex);
+      })
+    })
+  });
+  var onChangeAll = function onChangeAll(e) {
+    if (e.target.checked) {
+      onChange(props.dataList.map(function (item) {
+        return item.dataIndex;
+      }));
+    } else {
+      onChange([]);
+    }
+  };
+  return /*#__PURE__*/jsx(Popover, {
+    content: content,
+    title: /*#__PURE__*/jsx(Checkbox, {
+      checked: selectedRowKeys.length === props.dataList.length,
+      onChange: onChangeAll,
+      children: "\u5168\u9009\uFF08\u5B57\u6BB5\u5217\u8868\uFF09"
+    }),
+    placement: "bottomRight",
+    overlayClassName: "fold-operate-popiver",
+    children: props.children
+  });
+};
+
+var EasyTable$1 = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$initialPaginat;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    total = _useState4[0],
+    setTotal = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var columnFoldConfig = props.columnFoldConfig;
+  var asyncColumnRequest = props.asyncColumnRequest;
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    columnFoldOpen = _useState8[0],
+    setColumnFoldOpen = _useState8[1];
+  var cacheKey = useMemo(function () {
+    if (props.cacheKey) return props.cacheKey;
+    if (props.cacheSwitch === true) {
+      return location.pathname;
+    }
+    if (typeof props.cacheSwitch === 'string') {
+      return props.cacheSwitch;
+    }
+    return getUuid();
+  }, [props.cacheSwitch, props.cacheKey]);
+  var cacheParams = filterCache.get(cacheKey);
+  var _useState9 = useState(function () {
+      if (cacheKey) {
+        var columnFoldCacheValue = columnFoldCache.get(cacheKey);
+        var cacheKeyList = isArray(columnFoldCacheValue) ? columnFoldCacheValue.filter(function (item) {
+          return isString(item);
+        }) : [];
+        return cacheKeyList.length > 0 ? cacheKeyList : (columnFoldConfig === null || columnFoldConfig === void 0 ? void 0 : columnFoldConfig.initSelectedKeys) || [];
+      } else {
+        return (columnFoldConfig === null || columnFoldConfig === void 0 ? void 0 : columnFoldConfig.initSelectedKeys) || [];
+      }
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showFoldKeyList = _useState10[0],
+    setShowFoldKeyList = _useState10[1];
+  var pageSize = props.pageSize || ((_props$initialPaginat = props.initialPaginationParams) === null || _props$initialPaginat === void 0 ? void 0 : _props$initialPaginat.pageSize) || 10;
+  var initRequest = props.initRequest === undefined ? true : props.initRequest;
+  var paginationStatusRef = useRef(false);
+  var respOriginalDataRef = useRef();
+  var baseColumnsRef = useRef([]);
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    dynamicColumns = _useState12[0],
+    setDynamicColumns = _useState12[1];
+  var columnsRef = useRef([]);
+  var fieldNames = _objectSpread2({
+    list: 'list',
+    total: 'total',
+    pageNo: 'pageNo',
+    pageSize: 'pageSize'
+  }, props.fieldNames);
+  var _Form$useForm = Form.useForm(props.form),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var onInnerRequest = hooks.useCallbackRef(function (params) {
+    return new Promise(function ($return, $error) {
+      var _props$onDataSourceCh, paramsAll, _props$serviceConfig, requestParamsAdapter, onRequest, requestResultAdapter, dynamicColumsAdapter, paramsNew, respData, respDataNew, _dynamicColumns, respList;
+      var $Try_1_Post = function () {
+        try {
+          return $return();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      };
+      var $Try_1_Catch = function (error) {
+        try {
+          setLoading(false);
+          if (props.onRequestErrorHandle) {
+            props.onRequestErrorHandle(error);
+          } else {
+            void message.error(error.message);
+          }
+          return $Try_1_Post();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      };
+      try {
+        if (props.breforeRequest) {
+          var $Try_2_Post = function () {
+            try {
+              return $If_3.call(this);
+            } catch ($boundEx) {
+              return $Try_1_Catch($boundEx);
+            }
+          }.bind(this);
+          var $Try_2_Catch = function (_error) {
+            try {
+              return $return();
+            } catch ($boundEx) {
+              return $Try_1_Catch($boundEx);
+            }
+          };
+          try {
+            return Promise.resolve(props.breforeRequest(form)).then(function ($await_4) {
+              try {
+                return $Try_2_Post();
+              } catch ($boundEx) {
+                return $Try_2_Catch($boundEx);
+              }
+            }, $Try_2_Catch);
+          } catch (_error) {
+            $Try_2_Catch(_error);
+          }
+        }
+        function $If_3() {
+          firstQueryCache.set(cacheKey, false);
+          setLoading(true);
+          paramsAll = filterCache.set(cacheKey, params);
+          _props$serviceConfig = props.serviceConfig, requestParamsAdapter = _props$serviceConfig.requestParamsAdapter, onRequest = _props$serviceConfig.onRequest, requestResultAdapter = _props$serviceConfig.requestResultAdapter, dynamicColumsAdapter = _props$serviceConfig.dynamicColumsAdapter;
+          paramsNew = requestParamsAdapter ? requestParamsAdapter(paramsAll) : paramsAll;
+          return Promise.resolve(onRequest(fbaUtils.removeFormValuesInvalidField(paramsNew))).then(function ($await_5) {
+            try {
+              respData = $await_5 || {};
+              respOriginalDataRef.current = respData;
+              (_props$onDataSourceCh = props.onDataSourceChange) === null || _props$onDataSourceCh === void 0 || _props$onDataSourceCh.call(props, respData);
+              respDataNew = respData;
+              if (requestResultAdapter) {
+                respDataNew = requestResultAdapter(respData);
+              }
+              if (dynamicColumsAdapter) {
+                _dynamicColumns = dynamicColumsAdapter(respData, baseColumnsRef.current);
+                /** 不要添加默认值  */
+                setDynamicColumns(_dynamicColumns);
+              }
+              respList = get(respDataNew, fieldNames.list);
+              setDataSource(isArray(respList) ? respList : []);
+              setTotal(get(respDataNew, fieldNames.total));
+              setLoading(false);
+              return $Try_1_Post();
+            } catch ($boundEx) {
+              return $Try_1_Catch($boundEx);
+            }
+          }, $Try_1_Catch);
+        }
+        return $If_3.call(this);
+      } catch (error) {
+        $Try_1_Catch(error);
+      }
+    });
+  });
+  fbaHooks.useEffectCustom(function () {
+    var hasPagination = getPaginationStatus();
+    var firstQueryFlag = firstQueryCache.get(cacheKey);
+    form.setFieldsValue(_objectSpread2(_objectSpread2({}, props.initialValues), cacheParams));
+    if (initRequest || !firstQueryFlag) {
+      if (hasPagination) {
+        void onInnerRequest(_objectSpread2(_objectSpread2(_defineProperty(_defineProperty({}, fieldNames.pageNo, 1), fieldNames.pageSize, pageSize), props.initialValues), cacheParams));
+      } else {
+        void onInnerRequest(props.initialValues);
+      }
+    } else {
+      filterCache.set(cacheKey, props.initialValues || {});
+    }
+  }, []);
+  var clearQueryCondition = hooks.useCallbackRef(function (values) {
+    filterCache.remove(cacheKey);
+    form.resetFields();
+    if (values) {
+      filterCache.set(cacheKey, values);
+      form.setFieldsValue(values);
+    }
+  });
+  var updateQueryCondition = hooks.useCallbackRef(function (values) {
+    filterCache.set(cacheKey, values);
+    form.setFieldsValue(values);
+  });
+  var getPaginationData = function getPaginationData(pageNo, _pageSize) {
+    if (getPaginationStatus()) {
+      return _defineProperty(_defineProperty({}, fieldNames.pageNo, pageNo), fieldNames.pageSize, _pageSize || pageSize);
+    } else {
+      return _defineProperty(_defineProperty({}, fieldNames.pageNo, undefined), fieldNames.pageSize, undefined);
+    }
+  };
+  var onResetRequest = hooks.useCallbackRef(function (values) {
+    var params = _objectSpread2(_objectSpread2(_objectSpread2({}, getPaginationData(1, cacheParams[fieldNames.pageSize])), props.initialValues), values);
+    filterCache.remove(cacheKey);
+    form.resetFields();
+    if (values) {
+      form.setFieldsValue(values);
+    }
+    void onInnerRequest(params);
+  });
+  var getRequestParams = hooks.useCallbackRef(function () {
+    return _objectSpread2(_objectSpread2({}, cacheParams), form.getFieldsValue());
+  });
+  var onOpenColumnFoldModal = hooks.useCallbackRef(function () {
+    setColumnFoldOpen(true);
+  });
+  var onCloseColumnFoldModal = hooks.useCallbackRef(function () {
+    setColumnFoldOpen(false);
+  });
+  var getEasyTableRef = function getEasyTableRef() {
+    return {
+      /**
+       * 参数
+       * 1. 不用添加已存在的搜索条件
+       * 2. 此处可重新
+       */
+      onRequest: onInnerRequest,
+      clearQueryCondition: clearQueryCondition,
+      updateQueryCondition: updateQueryCondition,
+      getRequestParams: getRequestParams,
+      onResetRequest: onResetRequest,
+      form: form,
+      dataSource: respOriginalDataRef.current,
+      getDataSource: function getDataSource() {
+        return respOriginalDataRef.current;
+      },
+      onFilterDataSource: function onFilterDataSource(filterDataSource) {
+        setDataSource(filterDataSource);
+      },
+      onClearDataSource: function onClearDataSource() {
+        setTotal(0);
+        setDataSource([]);
+      },
+      onUpdateDataSource: function onUpdateDataSource(dataList) {
+        var _props$onDataSourceCh2;
+        setDataSource(dataList);
+        respOriginalDataRef.current = dataList;
+        (_props$onDataSourceCh2 = props.onDataSourceChange) === null || _props$onDataSourceCh2 === void 0 || _props$onDataSourceCh2.call(props, dataList);
+      },
+      columnFoldTriggerRender: function columnFoldTriggerRender(children, columns) {
+        var _props$columnFoldConf;
+        if (((_props$columnFoldConf = props.columnFoldConfig) === null || _props$columnFoldConf === void 0 ? void 0 : _props$columnFoldConf.triggerType) === 'drawer') {
+          return /*#__PURE__*/cloneElement(children, {
+            onClick: onOpenColumnFoldModal
+          });
+        }
+        var foldColumnList = columns.filter(function (item) {
+          return !item.hidden && item.isFold && item.dataIndex;
+        });
+        return /*#__PURE__*/jsx(FoldOperateDropdown, {
+          dataList: foldColumnList,
+          onChange: onChangeFoldColumnList,
+          cacheKey: cacheKey,
+          initSelectedRowKeys: showFoldKeyList,
+          children: children
+        });
+      },
+      onChangeTableColumns: function onChangeTableColumns(columns) {
+        setDynamicColumns(columns);
+      },
+      getTableColumns: function getTableColumns() {
+        return columnsRef.current;
+      },
+      loading: loading,
+      setEnabledInitRequest: function setEnabledInitRequest() {
+        firstQueryCache.set(cacheKey, false);
+      }
+    };
+  };
+  useImperativeHandle(ref, function () {
+    return getEasyTableRef();
+  });
+  var onSetPaginationStatus = function onSetPaginationStatus(status) {
+    paginationStatusRef.current = status;
+  };
+  var onSetBaseColumns = function onSetBaseColumns(base) {
+    baseColumnsRef.current = base;
+  };
+  var onSetColumns = function onSetColumns(columns) {
+    columnsRef.current = columns;
+  };
+  var onFormFinish = function onFormFinish() {
+    var values = form.getFieldsValue();
+    if (props.onFormFinish) {
+      props.onFormFinish(_objectSpread2(_objectSpread2({}, values), getPaginationData(1, cacheParams[fieldNames.pageSize])));
+    } else {
+      void onInnerRequest(_objectSpread2(_objectSpread2({}, values), getPaginationData(1, cacheParams[fieldNames.pageSize])));
+    }
+  };
+  var isFull = isUndefined(props.isFull) ? true : props.isFull;
+  var className = classNames('fba-easy-table', {
+    'fba-easy-table-full': isFull,
+    'fba-easy-table-filter-fixed': props.filterFixed,
+    'fba-easy-table-pagination-fixed': props.paginationFixed
+  }, props.className);
+  var paginationData = fbaHooks.useMemoCustom(function () {
+    return _objectSpread2({
+      showSizeChanger: true,
+      current: cacheParams[fieldNames.pageNo] || 1,
+      pageSize: cacheParams[fieldNames.pageSize] || pageSize,
+      total: total,
+      showTotal: function showTotal(total) {
+        return "\u5171 ".concat(total, " \u6761\u8BB0\u5F55");
+      }
+    }, props.pagination);
+  }, [fieldNames.pageNo, cacheParams, fieldNames.pageSize, cacheKey, pageSize, props.pagination, total]);
+  var onChangeFoldColumnList = function onChangeFoldColumnList(keyList) {
+    var _columnFoldConfig$onC;
+    setShowFoldKeyList(keyList);
+    columnFoldConfig === null || columnFoldConfig === void 0 || (_columnFoldConfig$onC = columnFoldConfig.onChange) === null || _columnFoldConfig$onC === void 0 || _columnFoldConfig$onC.call(columnFoldConfig, keyList);
+  };
+  var onChange = hooks.useCallbackRef(function (page, pageSize) {
+    var _props$pagination, _props$pagination$onC;
+    var params = _defineProperty(_defineProperty({}, fieldNames.pageSize, pageSize), fieldNames.pageNo, page);
+    filterCache.set(cacheKey, params);
+    void onInnerRequest(params);
+    (_props$pagination = props.pagination) === null || _props$pagination === void 0 || (_props$pagination$onC = _props$pagination.onChange) === null || _props$pagination$onC === void 0 || _props$pagination$onC.call(_props$pagination, page, pageSize);
+  });
+  var getPaginationStatus = function getPaginationStatus() {
+    return props.paginationFixed || paginationStatusRef.current;
+  };
+
+  // 分页参数发生变更
+  hooks.useUpdateEffect(function () {
+    if (props.paginationFixed) {
+      void onInnerRequest(_defineProperty(_defineProperty({}, fieldNames.pageSize, cacheParams[fieldNames.pageSize] || pageSize), fieldNames.pageNo, 1));
+    } else {
+      void onInnerRequest(_defineProperty(_defineProperty({}, fieldNames.pageSize, undefined), fieldNames.pageNo, undefined));
+    }
+  }, [props.paginationFixed]);
+  var wrapperClassName = classNames('fba-easy-table-wrapper', {
+    'fba-easy-table-wrapper-inline': props.isInline
+  }, props.className);
+  var wrapperStyle = _objectSpread2({
+    overflowY: props.filterFixed || props.paginationFixed ? 'hidden' : 'auto'
+  }, props.style);
+  var children = typeof props.children === 'function' ? props.children(respOriginalDataRef.current) : props.children;
+  return /*#__PURE__*/jsx(EasyTableContext.Provider, {
+    value: {
+      onSetBaseColumns: onSetBaseColumns,
+      onSetColumns: onSetColumns,
+      getEasyTableRef: getEasyTableRef,
+      cacheKey: cacheKey,
+      onRequest: onInnerRequest,
+      tableDataSource: dataSource,
+      tableTotal: total,
+      loading: loading,
+      fieldNames: fieldNames,
+      pageSize: pageSize,
+      onSetPaginationStatus: onSetPaginationStatus,
+      getPaginationStatus: getPaginationStatus,
+      onFormFinish: onFormFinish,
+      form: form,
+      paginationFixed: props.paginationFixed || false,
+      foldKeys: props.foldKeys || [],
+      columns: dynamicColumns,
+      initialValues: props.initialValues,
+      dynamicColumnsConfig: {
+        showFoldKeyList: showFoldKeyList,
+        onChangeShowFoldKeyList: onChangeFoldColumnList,
+        columnFoldConfig: columnFoldConfig,
+        onOpenColumnFoldModal: onOpenColumnFoldModal,
+        onCloseColumnFoldModal: onCloseColumnFoldModal,
+        columnFoldOpen: columnFoldOpen,
+        asyncColumnRequest: asyncColumnRequest
+      }
+    },
+    children: props.paginationFixed ? /*#__PURE__*/jsxs("div", {
+      className: wrapperClassName,
+      style: wrapperStyle,
+      children: [/*#__PURE__*/jsx("div", {
+        className: className,
+        children: children
+      }), total > 0 && /*#__PURE__*/jsx("div", {
+        className: "fba-easy-table-pagination",
+        children: /*#__PURE__*/jsx(PaginationWrapper, _objectSpread2(_objectSpread2({
+          size: "small"
+        }, paginationData), {}, {
+          onChange: onChange
+        }))
+      })]
+    }) : /*#__PURE__*/jsx("div", {
+      className: wrapperClassName,
+      style: props.style,
+      children: children
+    })
+  });
+});
+
+/**
+ * 过滤条件
+ *```
+ * 1. 用法1
+ *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+ *  <EasyTableFilter>
+ *   <FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper>
+ *  </EasyTableFilter>
+ *
+ *  -- 自定义网格布局 使用 FormGrid.Col 组件包装 FormItemWrapper
+ *  <EasyTableFilter>
+ *    <FormGrid.Col span={12}><FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper></FormGrid.Col>
+ *  </EasyTableFilter>
+ *
+ *  -- children 可为 function
+ *  <EasyTableFilter>
+ *   {(form) => {
+ *     return <FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper>
+ *   }}
+ * </EasyTableFilter>
+ *
+ * 2. 用户2（自定义布局）
+ *    EasyTableFilter设置 isPure = true，FormItem无布局规则
+ * 3. EasyTableFilter中内置了 Form 标签，当children为函数时，可获取form实例
+ * 4. 默认布局下，可通过设置 filterOperate 设置操作按钮
+ * 5. Filter 子节点包含 hidden = true 会被忽略
+ * 6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+ * 7. 通过设置 defaultResetButtonTriggerRequest，默认重启按钮触发请求，默认值：true
+ * 8. EasyTableFilter 子节点可使用 FormItemWrapper，FormItemWrapper中可配置label宽度等
+ *```
+ */
+var EasyTableFilter = function EasyTableFilter(props) {
+  var screenType = fbaHooks.useResponsivePoint() || 'md';
+  var ctx = useContext(EasyTableContext);
+  var queryButtonProps = props.queryButtonProps,
+    resetButtonProps = props.resetButtonProps,
+    filterOperate = props.filterOperate,
+    _props$formClassName = props.formClassName,
+    formClassName = _props$formClassName === void 0 ? '' : _props$formClassName,
+    defaultResetButtonTriggerRequest = props.defaultResetButtonTriggerRequest,
+    filterWrapperStyle = props.filterWrapperStyle,
+    filterWrapperClassName = props.filterWrapperClassName,
+    rightOperateAreaAppendType = props.rightOperateAreaAppendType,
+    easyFormProps = props.easyFormProps;
+  var cacheKey = ctx.cacheKey,
+    foldKeys = ctx.foldKeys,
+    fieldNames = ctx.fieldNames,
+    onRequest = ctx.onRequest,
+    pageSize = ctx.pageSize,
+    getPaginationStatus = ctx.getPaginationStatus,
+    initialValues = ctx.initialValues,
+    form = ctx.form,
+    onFormFinish = ctx.onFormFinish;
+  var children = typeof props.children === 'function' ? props.children(form) : props.children;
+  var rightOperateAreaAppendTypeFt = rightOperateAreaAppendType || 'cover';
+  var childrens = useMemo(function () {
+    if (isFragment(children)) {
+      return Children.toArray(children.props.children);
+    } else {
+      return Children.toArray(children);
+    }
+  }, [children]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openFold = _useState2[0],
+    setOpenFold = _useState2[1];
+  var onReset = hooks.useCallbackRef(function () {
+    return new Promise(function ($return, $error) {
+      filterCache.remove(cacheKey);
+      form.resetFields();
+      form.setFieldsValue(initialValues);
+      if (isUndefined(defaultResetButtonTriggerRequest) || defaultResetButtonTriggerRequest) {
+        return Promise.resolve(form.validateFields()).then(function ($await_2) {
+          try {
+            if (getPaginationStatus()) {
+              onRequest(_objectSpread2(_defineProperty(_defineProperty({}, fieldNames.pageNo, 1), fieldNames.pageSize, pageSize), initialValues));
+            } else {
+              onRequest(initialValues);
+            }
+            return $If_1.call(this);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }.bind(this), $error);
+      }
+      function $If_1() {
+        return $return();
+      }
+      return $If_1.call(this);
+    });
+  });
+  var formRowChildren = useMemo(function () {
+    var defaultRightList = [!(queryButtonProps !== null && queryButtonProps !== void 0 && queryButtonProps.hidden) ? /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
+      type: "primary",
+      htmlType: "submit"
+    }, queryButtonProps), {}, {
+      children: (queryButtonProps === null || queryButtonProps === void 0 ? void 0 : queryButtonProps.text) || '查询'
+    }), "1") : null, !(resetButtonProps !== null && resetButtonProps !== void 0 && resetButtonProps.hidden) ? /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
+      onClick: onReset
+    }, resetButtonProps), {}, {
+      children: (resetButtonProps === null || resetButtonProps === void 0 ? void 0 : resetButtonProps.text) || '重置'
+    }), "2") : null].filter(Boolean);
+    var customFormOperateCol = filterOperate === null || filterOperate === void 0 ? void 0 : filterOperate(form);
+    var customRightList = customFormOperateCol === null || customFormOperateCol === void 0 ? void 0 : customFormOperateCol.rightList;
+    var leftList = (customFormOperateCol === null || customFormOperateCol === void 0 ? void 0 : customFormOperateCol.leftList) || [];
+    var rightList = defaultRightList;
+    if (customRightList) {
+      if (rightOperateAreaAppendTypeFt === 'afterAppend') {
+        rightList = [].concat(_toConsumableArray(defaultRightList), _toConsumableArray(customRightList));
+      } else if (rightOperateAreaAppendTypeFt === 'beforeAppend') {
+        rightList = [].concat(_toConsumableArray(customRightList), _toConsumableArray(defaultRightList));
+      } else {
+        rightList = customRightList;
+      }
+    }
+    if (foldKeys.length > 0) {
+      var changeFolditem = /*#__PURE__*/jsx(ButtonWrapper, {
+        type: "link",
+        style: {
+          padding: '0'
+        },
+        onClick: function onClick() {
+          setOpenFold(!openFold);
+        },
+        children: openFold ? /*#__PURE__*/jsxs("span", {
+          children: ["\u6536\u8D77", /*#__PURE__*/jsx(_UpOutlined, {
+            style: {
+              marginLeft: 3,
+              fontSize: 12
+            }
+          })]
+        }) : /*#__PURE__*/jsxs("span", {
+          children: ["\u5C55\u5F00", /*#__PURE__*/jsx(_DownOutlined, {
+            style: {
+              marginLeft: 3,
+              fontSize: 12
+            }
+          })]
+        })
+      }, "fold-trigger");
+      if (rightList.length > 0 || leftList.length === 0) {
+        rightList.push(changeFolditem);
+      } else if ((leftList === null || leftList === void 0 ? void 0 : leftList.length) > 0) {
+        leftList.push(changeFolditem);
+      }
+    }
+    return childrens.map(function (item, index) {
+      if (!openFold && foldKeys.find(function (keyItem) {
+        return ".$".concat(keyItem) === item.key;
+      })) return null;
+      if (item.props['hidden']) return null;
+      if (item.type['domTypeName'] === 'FormCol') return item;
+      return /*#__PURE__*/jsx(FormGrid.Col, {
+        children: item
+      }, index);
+    }).filter(Boolean).concat(/*#__PURE__*/jsx(FormGrid.OperateCol, _objectSpread2(_objectSpread2({}, customFormOperateCol), {}, {
+      leftList: leftList,
+      rightList: rightList
+    }), 999));
+  }, [childrens, filterOperate, foldKeys, form, onReset, openFold, queryButtonProps, resetButtonProps, rightOperateAreaAppendTypeFt]);
+  var labelAlign = screenType === 'xs' ? 'left' : (easyFormProps === null || easyFormProps === void 0 ? void 0 : easyFormProps.labelAlign) || 'right';
+  return /*#__PURE__*/jsx(BlockLayout, {
+    className: classNames('easy-table-filter', filterWrapperClassName),
+    style: filterWrapperStyle,
+    children: /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
+      form: form,
+      autoComplete: "off",
+      onFinish: onFormFinish
+      // initialValues={initialValues}
+      ,
+      className: formClassName,
+      style: props.formStyle,
+      isPure: true,
+      labelWidth: "80",
+      formItemGap: "15"
+    }, easyFormProps), {}, {
+      labelAlign: labelAlign,
+      children: props.isPure ? children : /*#__PURE__*/jsx(FormGrid.Row, {
+        gutter: [15, 0],
+        gridSize: props.formGridSize,
+        children: formRowChildren
+      })
+    }))
+  });
+};
+
+/**
+ * 在 EasyTable子组件内才可使用
+ * @returns
+ */
+var useEasyTable = function useEasyTable() {
+  var ctx = useContext(EasyTableContext);
+  return ctx.getEasyTableRef();
+};
+
+/**
+ * @deprecated 已过时 @4.5.0版本移除，请使用 useEasyTable
+ * @returns
+ */
+var useEasyTablRef = function useEasyTablRef() {
+  var ctx = useContext(EasyTableContext);
+  return {
+    current: ctx.getEasyTableRef()
+  };
+};
+
+var FoldOperate = function FoldOperate(props) {
+  var _useState = useState(props.initSelectedRowKeys || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedRowKeys = _useState2[0],
+    setSelectedRowKeys = _useState2[1];
+  var rowSelection = {
+    type: 'checkbox',
+    selectedRowKeys: selectedRowKeys,
+    onChange: function onChange(selectedRowKeys) {
+      setSelectedRowKeys(selectedRowKeys);
+      props.onChange(selectedRowKeys);
+      if (props.cacheKey) {
+        columnFoldCache.set(props.cacheKey, selectedRowKeys);
+      }
+    }
+  };
+  var columns = [{
+    title: '字段名称',
+    dataIndex: 'title',
+    render: function render(value, recrd) {
+      return recrd['_isFoldTitle'] || value;
+    }
+  }, {
+    title: '字段Key',
+    dataIndex: 'dataIndex'
+  }];
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(Drawer, {
+      title: "\u9009\u62E9\u5B57\u6BB5",
+      open: props.open,
+      onClose: props.onClose,
+      width: '35%',
+      styles: {
+        body: {
+          padding: 15
+        }
+      },
+      children: /*#__PURE__*/jsx(Table, {
+        bordered: true,
+        size: "small",
+        columns: columns,
+        rowSelection: rowSelection,
+        rowKey: "dataIndex",
+        pagination: false,
+        scroll: {
+          x: 'max-content'
+        },
+        dataSource: props.dataList
+      })
+    })
+  });
+};
+
+var _excluded$1 = ["tooltip", "tipsWrapperProps", "title"];
+var useColumnsAppendTips = function useColumnsAppendTips(props) {
+  return useMemo(function () {
+    var tempList = props.columns.map(function (item) {
+      var tooltip = item.tooltip,
+        tipsWrapperProps = item.tipsWrapperProps,
+        title = item.title,
+        otherProps = _objectWithoutProperties(item, _excluded$1);
+      if (typeof title === 'string' && tipsWrapperProps) {
+        if (typeof tipsWrapperProps === 'string') {
+          return _objectSpread2(_objectSpread2({}, otherProps), {}, {
+            title: /*#__PURE__*/jsx(TipsWrapper, {
+              tipType: "popover",
+              popoverProps: {
+                content: tipsWrapperProps
+              },
+              children: title
+            })
+          });
+        }
+        return _objectSpread2(_objectSpread2({}, otherProps), {}, {
+          title: /*#__PURE__*/jsx(TipsWrapper, _objectSpread2(_objectSpread2({}, tipsWrapperProps), {}, {
+            children: title
+          }))
+        });
+      }
+      if (typeof title === 'string' && !!tooltip) {
+        return _objectSpread2(_objectSpread2({}, otherProps), {}, {
+          title: /*#__PURE__*/jsx(TableTitleTooltip, {
+            tooltip: tooltip,
+            title: title
+          })
+        });
+      }
+      return item;
+    }).filter(Boolean);
+    return _toConsumableArray(tempList);
+  }, [props.columns]);
+};
+var useColumnsAppendInnerColumn = function useColumnsAppendInnerColumn(props) {
+  var columnsNew = props.columns;
+  return fbaHooks.useMemoCustom(function () {
+    var _props$columnFoldConf;
+    if ((_props$columnFoldConf = props.columnFoldConfig) !== null && _props$columnFoldConf !== void 0 && _props$columnFoldConf.hidden) return columnsNew;
+    var finalItem = columnsNew[columnsNew.length - 1];
+    if (props.foldColumnList.length > 0 && columnsNew.length > 0) {
+      var foldColumnTarget = columnsNew.find(function (item) {
+        return item['_isFoldColumn'];
+      });
+      if (foldColumnTarget && finalItem.dataIndex !== foldColumnTarget.dataIndex) {
+        foldColumnTarget.title = foldColumnTarget['_isFoldTitle'];
+        foldColumnTarget['_isFoldColumn'] = false;
+      }
+      if (!finalItem['_isFoldColumn']) {
+        var _props$columnFoldConf2, _props$columnFoldConf3, _props$columnFoldConf4, _props$columnFoldConf5, _props$columnFoldConf6, _props$columnFoldConf7;
+        finalItem['_isFoldTitle'] = finalItem['_isFoldTitle'] || finalItem.title;
+        finalItem['_isFoldColumn'] = true;
+        var triggerType = (_props$columnFoldConf2 = props.columnFoldConfig) === null || _props$columnFoldConf2 === void 0 ? void 0 : _props$columnFoldConf2.triggerType;
+        finalItem.title = /*#__PURE__*/jsxs(FlexLayout, {
+          direction: "horizontal",
+          fullIndex: 0,
+          style: {
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/jsx("span", {
+            children: finalItem.title
+          }), /*#__PURE__*/jsx("div", {
+            style: {
+              padding: '0 5px 0 20px',
+              display: 'flex'
+            },
+            children: triggerType === 'drawer' ? /*#__PURE__*/jsx(IconWrapper, {
+              onClick: props.onOpenColumnFoldModal,
+              text: (_props$columnFoldConf3 = props.columnFoldConfig) === null || _props$columnFoldConf3 === void 0 ? void 0 : _props$columnFoldConf3.text,
+              size: "small",
+              icon: ((_props$columnFoldConf4 = props.columnFoldConfig) === null || _props$columnFoldConf4 === void 0 ? void 0 : _props$columnFoldConf4.icon) || /*#__PURE__*/jsx(SvgHttpView, {
+                svgPath: "ionic/list-circle",
+                color: "#868686"
+              }),
+              hoverTips: ((_props$columnFoldConf5 = props.columnFoldConfig) === null || _props$columnFoldConf5 === void 0 ? void 0 : _props$columnFoldConf5.hoverTipText) || '字段列表',
+              style: {
+                padding: 0,
+                margin: 0
+              }
+            }) : /*#__PURE__*/jsx(FoldOperateDropdown, {
+              dataList: props.foldColumnList,
+              onChange: props.onChangeFoldColumnList,
+              cacheKey: props.cacheKey,
+              initSelectedRowKeys: props.showFoldKeyList,
+              children: /*#__PURE__*/jsx(IconWrapper, {
+                text: (_props$columnFoldConf6 = props.columnFoldConfig) === null || _props$columnFoldConf6 === void 0 ? void 0 : _props$columnFoldConf6.text,
+                style: {
+                  padding: 0,
+                  margin: 0
+                },
+                size: "small",
+                icon: ((_props$columnFoldConf7 = props.columnFoldConfig) === null || _props$columnFoldConf7 === void 0 ? void 0 : _props$columnFoldConf7.icon) || /*#__PURE__*/jsx(SvgHttpView, {
+                  svgPath: "ionic/list-circle",
+                  color: "#868686"
+                })
+              })
+            })
+          })]
+        });
+      }
+    }
+    return columnsNew;
+  }, [props.columns, props.columnFoldConfig]);
+};
+var useColumnsToHidden = function useColumnsToHidden(props) {
+  return useMemo(function () {
+    var tempList = props.columns.map(function (item) {
+      var hidden = item.hidden,
+        isFold = item.isFold;
+      if (hidden) return null;
+      if (isFold && !props.showFoldKeyList.includes(item.dataIndex)) return null;
+      return item;
+    }).filter(Boolean);
+    return _toConsumableArray(tempList);
+  }, [props.columns, props.showFoldKeyList]);
+};
+var useColumnByAsyncColumnRequest = function useColumnByAsyncColumnRequest(props) {
+  return useMemo(function () {
+    if (!Object.keys(props.asyncColumnRequestResult)) return props.columns;
+    return props.columns.map(function (item) {
+      var dataIndex = item.dataIndex;
+      var result = props.asyncColumnRequestResult[dataIndex];
+      if (dataIndex && result) {
+        if (result.loading) {
+          item.render = function (value) {
+            return /*#__PURE__*/jsx(ButtonWrapper, {
+              loading: true,
+              type: "text",
+              loadingPosition: "center",
+              removeGap: true,
+              children: value
+            });
+          };
+        } else if (item.asyncRender) {
+          item.render = function (value, record, index) {
+            var _item$asyncRender;
+            return (_item$asyncRender = item.asyncRender) === null || _item$asyncRender === void 0 ? void 0 : _item$asyncRender.call(item, value, record, index, result.respData);
+          };
+        }
+      }
+      return item;
+    });
+  }, [props.columns, props.asyncColumnRequestResult]);
+};
+
+var _excluded = ["children", "rowKey", "pagination", "isSync"];
+/**
+ * 表格渲染
+ * @param props
+ * ```
+ * 1. 继承了 TableProps 可设置antd table功能
+ * 2. 分页功能已内置处理，不调用 onChange
+ * ```
+ */
+var EasyTableTable = function EasyTableTable(props) {
+  var ctx = useContext(EasyTableContext);
+  var children = props.children,
+    rowKey = props.rowKey,
+    pagination = props.pagination,
+    isSync = props.isSync,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var asyncColumnRequestResultRef = useRef({});
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    asyncColumnRequestResult = _useState2[0],
+    setAsyncColumnRequestResult = _useState2[1];
+  var _ctx$dynamicColumnsCo = ctx.dynamicColumnsConfig,
+    columnFoldConfig = _ctx$dynamicColumnsCo.columnFoldConfig,
+    onCloseColumnFoldModal = _ctx$dynamicColumnsCo.onCloseColumnFoldModal,
+    columnFoldOpen = _ctx$dynamicColumnsCo.columnFoldOpen,
+    onOpenColumnFoldModal = _ctx$dynamicColumnsCo.onOpenColumnFoldModal,
+    asyncColumnRequest = _ctx$dynamicColumnsCo.asyncColumnRequest,
+    showFoldKeyList = _ctx$dynamicColumnsCo.showFoldKeyList,
+    onChangeShowFoldKeyList = _ctx$dynamicColumnsCo.onChangeShowFoldKeyList;
+  var cacheKey = ctx.cacheKey,
+    fieldNames = ctx.fieldNames,
+    onRequest = ctx.onRequest,
+    tableDataSource = ctx.tableDataSource,
+    pageSize = ctx.pageSize,
+    tableTotal = ctx.tableTotal,
+    loading = ctx.loading,
+    paginationFixed = ctx.paginationFixed,
+    onSetPaginationStatus = ctx.onSetPaginationStatus;
+  var cacheParams = filterCache.get(cacheKey);
+  fbaHooks.useEffectCustom(function () {
+    /** 获取初始化 columns 数据 */
+    ctx.onSetBaseColumns(props.columns || []);
+  }, []);
+  useEffect(function () {
+    if (asyncColumnRequest !== null && asyncColumnRequest !== void 0 && asyncColumnRequest.length) {
+      var _loop = function _loop() {
+        var element = asyncColumnRequest[index];
+        asyncColumnRequestResultRef.current = _objectSpread2(_objectSpread2({}, asyncColumnRequestResultRef.current), {}, _defineProperty({}, element.dataIndex, {
+          loading: true
+        }));
+        setAsyncColumnRequestResult(asyncColumnRequestResultRef.current);
+        element.onRequest().then(function (respData) {
+          asyncColumnRequestResultRef.current = _objectSpread2(_objectSpread2({}, asyncColumnRequestResultRef.current), {}, _defineProperty({}, element.dataIndex, {
+            loading: false,
+            respData: respData
+          }));
+          setAsyncColumnRequestResult(asyncColumnRequestResultRef.current);
+        }).catch(function (error) {
+          console.error(error === null || error === void 0 ? void 0 : error.message);
+          asyncColumnRequestResultRef.current = _objectSpread2(_objectSpread2({}, asyncColumnRequestResultRef.current), {}, _defineProperty({}, element.dataIndex, {
+            loading: false
+          }));
+          setAsyncColumnRequestResult(asyncColumnRequestResultRef.current);
+        });
+      };
+      for (var index = 0; index < asyncColumnRequest.length; index++) {
+        _loop();
+      }
+    }
+  }, [asyncColumnRequest]);
+  var columnsOriginal = fbaHooks.useMemoCustom(function () {
+    if (ctx.columns) {
+      ctx.onSetColumns(ctx.columns);
+      return ctx.columns;
+    } else {
+      ctx.onSetColumns(props.columns);
+      return props.columns;
+    }
+  }, [ctx.columns, props.columns]);
+  var columnsNew = useColumnsAppendTips({
+    columns: _toConsumableArray(columnsOriginal)
+  });
+  var foldColumnList = columnsOriginal.filter(function (item) {
+    return !item.hidden && item.isFold && item.dataIndex;
+  });
+  columnsNew = useColumnsAppendInnerColumn({
+    cacheKey: cacheKey,
+    columns: columnsNew,
+    foldColumnList: foldColumnList,
+    showFoldKeyList: showFoldKeyList,
+    columnFoldConfig: columnFoldConfig,
+    onOpenColumnFoldModal: onOpenColumnFoldModal,
+    onChangeFoldColumnList: onChangeShowFoldKeyList
+  });
+  columnsNew = useColumnsToHidden({
+    columns: columnsNew,
+    showFoldKeyList: showFoldKeyList
+  });
+  columnsNew = useColumnByAsyncColumnRequest({
+    columns: columnsNew,
+    asyncColumnRequestResult: asyncColumnRequestResult
+  });
+  fbaHooks.useEffectCustom(function () {
+    onSetPaginationStatus(pagination !== false);
+  }, [pagination]);
+
+  // 分页参数发生变更
+  hooks.useUpdateEffect(function () {
+    if (!paginationFixed) {
+      if (pagination !== false) {
+        onRequest(_defineProperty(_defineProperty({}, fieldNames.pageSize, cacheParams[fieldNames.pageSize] || pageSize), fieldNames.pageNo, 1));
+      } else {
+        onRequest(_defineProperty(_defineProperty({}, fieldNames.pageSize, undefined), fieldNames.pageNo, undefined));
+      }
+    }
+  }, [pagination]);
+  var tablePaginationData = useMemo(function () {
+    if (paginationFixed || pagination === false) return false;
+    return _objectSpread2({
+      showSizeChanger: true,
+      current: cacheParams[fieldNames.pageNo] || 1,
+      pageSize: cacheParams[fieldNames.pageSize] || pageSize,
+      total: tableTotal,
+      showTotal: function showTotal(total) {
+        return "\u5171 ".concat(total, " \u6761\u8BB0\u5F55");
+      }
+    }, props.pagination);
+  }, [cacheParams, fieldNames.pageNo, fieldNames.pageSize, pageSize, pagination, paginationFixed, props.pagination, tableTotal]);
+  var onChangePage = function onChangePage(pagination, filters, sorter, extra) {
+    if (extra.action === 'paginate' && tablePaginationData) {
+      onRequest(_defineProperty(_defineProperty({}, fieldNames.pageSize, pagination.pageSize), fieldNames.pageNo, pagination.current));
+    } else {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, pagination, filters, sorter, extra);
+    }
+  };
+  var dataSource = useMemo(function () {
+    if (!tableDataSource) return undefined;
+    if (tableDataSource.length === 0) {
+      return [];
+    }
+    if (typeof rowKey === 'string' && isUndefinedOrNull(tableDataSource[0][rowKey])) {
+      return tableDataSource.map(function (item) {
+        item[rowKey] = getUuid();
+        return item;
+      });
+    }
+    return tableDataSource;
+  }, [tableDataSource, rowKey]);
+  var tableRender = function tableRender() {
+    if (isSync && !dataSource) {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [children, /*#__PURE__*/jsx(Table, {
+          size: "small",
+          scroll: {
+            x: 'max-content'
+          },
+          bordered: true,
+          rowKey: rowKey,
+          columns: columnsNew,
+          loading: loading
+        }, "1")]
+      });
+    }
+    if (isMacEnv()) {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [children, /*#__PURE__*/jsx(Table, _objectSpread2(_objectSpread2({
+          size: "small",
+          scroll: {
+            x: 'max-content'
+          },
+          bordered: true
+        }, otherProps), {}, {
+          columns: columnsNew,
+          pagination: tablePaginationData,
+          rowKey: rowKey,
+          onChange: onChangePage,
+          loading: loading,
+          dataSource: dataSource
+        }), "2")]
+      });
+    }
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [children, /*#__PURE__*/jsx(TableScrollbar, {
+        children: /*#__PURE__*/jsx(Table, _objectSpread2(_objectSpread2({
+          size: "small",
+          scroll: {
+            x: 'max-content'
+          },
+          bordered: true
+        }, otherProps), {}, {
+          columns: columnsNew,
+          pagination: tablePaginationData,
+          rowKey: rowKey,
+          onChange: onChangePage,
+          loading: loading,
+          dataSource: dataSource
+        }), "3")
+      })]
+    });
+  };
+  return /*#__PURE__*/jsxs(BlockLayout, {
+    className: classNames('easy-table-table', {
+      'ett-empty-show-small': props.emptyShowSize === 'small'
+    }, props.tableWrapperClassName),
+    style: props.tableWrapperStyle,
+    children: [tableRender(), /*#__PURE__*/jsx(FoldOperate, {
+      dataList: foldColumnList,
+      onClose: onCloseColumnFoldModal,
+      open: columnFoldOpen,
+      onChange: onChangeShowFoldKeyList,
+      cacheKey: cacheKey,
+      initSelectedRowKeys: showFoldKeyList
+    })]
+  });
+};
+
+/**
+ * 对 查询条件+表格数据 进行深度封装，内置数据交互处理
+ * ```
+ * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table
+ *
+ * 1. 废弃modelKey参数
+ * 2. 如果需要在路由跳转回退中缓存查询条件，设置cacheSwitch=true；如果存在多个EasyTable缓存情况可设置cacheSwitch为自定义字符串
+ * 3. 需要获取查询条件、主动发起请求等可通过ref、useEasyTable操作
+ * 4. 可通过属性 initRequest 设置初始化是否请求数据
+ * 5. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize
+ * 6. isFull=true，设置【在父节点高度下，上下铺满】（默认值：true）
+ * 7. filterFixed=true，设置查询条件固定，不随滚动条滚动
+ * 8. paginationFixed=true，可设置分页条件在底部固定，不随滚动条滚动
+ * 9. foldKeys=string[]，查询条件展开、收起，被收起数组内容为EasyTable.Filter 子节点key值
+ * 10. windows环境下，会在EasyTable.Table外部包装一下 TableScrollbar，提高windows下table左右滚动体验
+ * 11. 可实现部分字段折叠，手动选择显示，将EasyTable.Table columns中isFold属性设为true，可通过EasyTable columnFoldConfig配置属性，demo（https://fex.qa.tcshuke.com/docs/admin/main/crud/demo1）
+ * 12. 通过asyncColumnRequest、asyncRender配合使用可实现表格列数据接口渲染（demo：https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table）
+ * ```
+ */
+var EasyTable = fbaUtils.attachPropertiesToComponent(EasyTable$1, {
+  /**
+   * 过滤条件
+   *```
+   * 1. 用法1
+   *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+   *  <EasyTable.Filter>
+   *   <FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper>
+   *  </EasyTable.Filter>
+   *
+   *  -- 自定义网格布局 使用 FormGrid.Col 组件包装 FormItemWrapper
+   *  <EasyTable.Filter>
+   *    <FormGrid.Col span={12}><FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper></FormGrid.Col>
+   *  </EasyTable.Filter>
+   *
+   *  -- children 可为 function
+   *  <EasyTable.Filter>
+   *   {(form) => {
+   *     return <FormItemWrapper name="field1" label="条件1">xxx</FormItemWrapper>
+   *   }}
+   * </EasyTable.Filter>
+   * 2. 用户2（自定义布局）
+   *    EasyTable.Filter设置 isPure = true，FormItem无布局规则
+   * 3. EasyTable.Filter中内置了 Form 标签，当children为函数时，可获取form实例
+   * 4. 默认布局下，可通过设置 filterOperate 设置操作按钮
+   * 5. Filter 子节点包含 hidden = true 会被忽略
+   * 6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden
+   * 7. EasyTableFilter 子节点可使用 FormItemWrapper，FormItemWrapper中可配置label宽度等
+   * 8. 通过easyFormProps属性可整体控制子节点FormItem布局
+   *```
+   */
+  Filter: EasyTableFilter,
+  /**
+   * 表格渲染
+   * @param props
+   * ```
+   * 1. 继承了 TableProps 可设置antd table功能
+   * 2. 分页功能已内置处理，不调用 onChange
+   * ```
+   */
+  Table: EasyTableTable,
+  /**
+   * @deprecated 已过时 4.3.0版本移除，请使用 useEasyTable
+   */
+  useEasyTablRef: useEasyTablRef,
+  /**  在 EasyTable子组件内才可使用 */
+  useEasyTable: useEasyTable,
+  /** 设置启用初始化请求 */
+  setEnabledInitRequest: function setEnabledInitRequest(cacheKey) {
+    firstQueryCache.set(cacheKey, false);
+  }
+});
+
+export { EasyTable };
+//# sourceMappingURL=index.js.map