iglooform 2.5.52 → 3.0.0-alpha

package/lib/table/index.js

@@ -4,95 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-require("antd/es/select/style");
-
-var _select = _interopRequireDefault(require("antd/es/select"));
-
-require("antd/es/pagination/style");
-
-var _pagination = _interopRequireDefault(require("antd/es/pagination"));
-
-require("antd/es/table/style");
-
-var _table = _interopRequireDefault(require("antd/es/table"));
-
-require("antd/es/col/style");
-
-var _col = _interopRequireDefault(require("antd/es/col"));
-
-require("antd/es/row/style");
-
-var _row = _interopRequireDefault(require("antd/es/row"));
-
-require("antd/es/popover/style");
-
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-require("antd/es/space/style");
-
-var _space = _interopRequireDefault(require("antd/es/space"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _antd = require("antd");
 var _button = _interopRequireDefault(require("../button"));
-
 var _locale = require("../locale");
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _index = _interopRequireDefault(require("../modal/index"));
-
 var _index2 = _interopRequireDefault(require("../filter/index"));
-
 require("./style/index.less");
-
 var _iglooicon = require("iglooicon");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["total", "page", "pageSize", "pageSizeOptions", "columns", "dataSource", "actionButtons", "className", "extraButtons", "filterConfig", "actionButtonsFilter", "colMax", "noCustomize", "onRow", "onClickRow", "onPagination", "colDisable", "bottomExtra", "rowClassName", "rowSelection", "noPagination", "style", "locale"];
-
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 }; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var headerStyle = function headerStyle() {
   return {
     style: {
@@ -100,26 +42,25 @@ var headerStyle = function headerStyle() {
     }
   };
 };
-
 var filterDefaultShow = function filterDefaultShow(col) {
   return col.filter(function (item) {
     return item.defaultShow !== false && item.customize !== false;
   }).map(function (item) {
     return item.key;
   });
-}; // buttons:all actionButtons, rowData:current row record data, actionButtonsFilter: filter function
-
+};
 
+// buttons:all actionButtons, rowData:current row record data, actionButtonsFilter: filter function
 var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButtonsFilter, setActionListVisible, actionIndex) {
   var actionButtons = actionButtonsFilter && typeof actionButtonsFilter === 'function' ? actionButtonsFilter(rowData, allButtons) : allButtons;
-  return (0, _jsxRuntime.jsx)(_space.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
     size: 16,
     style: {
       padding: '4px 8px'
     },
     direction: "vertical",
     children: actionButtons.map(function (item, index) {
-      return (0, _jsxRuntime.jsx)(_button.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         type: "text",
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -129,7 +70,7 @@ var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButton
             value: false
           });
         },
-        children: (0, _jsxRuntime.jsx)(_typography.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
           level: "body1",
           children: item.text
         })
@@ -137,49 +78,43 @@ var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButton
     })
   }, actionIndex);
 };
-
 function handleFilterDisable() {
   var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var disable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   if (disable.length === 0) {
     return all;
   }
-
   return all.filter(function (item) {
     return !disable.includes(item);
   });
 }
-
 function getDefaultOptions(params) {
   return params.reduce(function (res, item) {
     var key = item.key,
-        defaultChoosed = item.default,
-        _item$disabled = item.disabled,
-        disabled = _item$disabled === void 0 ? [] : _item$disabled,
-        type = item.type,
-        disabledDate = item.disabledDate; // 判定一下默认时间在不在 不可选时间中
+      defaultChoosed = item.default,
+      _item$disabled = item.disabled,
+      disabled = _item$disabled === void 0 ? [] : _item$disabled,
+      type = item.type,
+      disabledDate = item.disabledDate;
 
+    // 判定一下默认时间在不在 不可选时间中
     if (type === 'date' && typeof disabledDate === 'function' && defaultChoosed && defaultChoosed.length) {
       // 判定的时候需要以 '天'作为最小单位
-      var begin = (0, _moment.default)(defaultChoosed[0]).endOf('day');
-      var end = (0, _moment.default)(defaultChoosed[1]).endOf('day');
+      var begin = (0, _dayjs.default)(defaultChoosed[0]).endOf('day');
+      var end = (0, _dayjs.default)(defaultChoosed[1]).endOf('day');
       (0, _invariant.default)(!disabledDate(begin) && !disabledDate(end), 'The default date is within a non-selectable time range');
     }
-
     if (type === 'single') {
       (0, _invariant.default)(_typeof(defaultChoosed) !== 'object', 'The radio default value can not be a object');
       (0, _invariant.default)(disabled.indexOf(defaultChoosed) === -1, 'The default value cannot be in the non-selectable range');
       return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, key, defaultChoosed));
     }
-
     return defaultChoosed ? _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, key, handleFilterDisable(defaultChoosed, disabled))) : res;
   }, {});
 }
-
 function paginationItem(page, type, originalElement) {
   if (type === 'prev') {
-    return (0, _jsxRuntime.jsx)(_iglooicon.ArrowLeftOutlined, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.ArrowLeftOutlined, {
       style: {
         fontSize: 24,
         marginRight: 8,
@@ -188,9 +123,8 @@ function paginationItem(page, type, originalElement) {
       className: "ant-btn-link"
     });
   }
-
   if (type === 'next') {
-    return (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {
       style: {
         fontSize: 24,
         verticalAlign: 'middle'
@@ -198,88 +132,76 @@ function paginationItem(page, type, originalElement) {
       className: "ant-btn-link"
     });
   }
-
-  return (0, _jsxRuntime.jsx)("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: "ant-btn-link",
     children: originalElement
   });
 }
-
 function actionListChange(state, action) {
   var type = action.type,
-      value = action.value;
+    value = action.value;
   return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, type, value));
 }
-
 var IglooTable = function IglooTable(_ref) {
   var total = _ref.total,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 1 : _ref$page,
-      _ref$pageSize = _ref.pageSize,
-      pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
-      _ref$pageSizeOptions = _ref.pageSizeOptions,
-      pageSizeOptions = _ref$pageSizeOptions === void 0 ? [10, 20, 30, 40, 50] : _ref$pageSizeOptions,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
-      _ref$dataSource = _ref.dataSource,
-      dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
-      _ref$actionButtons = _ref.actionButtons,
-      actionButtons = _ref$actionButtons === void 0 ? [] : _ref$actionButtons,
-      className = _ref.className,
-      extraButtons = _ref.extraButtons,
-      _ref$filterConfig = _ref.filterConfig,
-      filterConfig = _ref$filterConfig === void 0 ? {} : _ref$filterConfig,
-      actionButtonsFilter = _ref.actionButtonsFilter,
-      _ref$colMax = _ref.colMax,
-      colMax = _ref$colMax === void 0 ? 7 : _ref$colMax,
-      _ref$noCustomize = _ref.noCustomize,
-      noCustomize = _ref$noCustomize === void 0 ? false : _ref$noCustomize,
-      onRow = _ref.onRow,
-      onClickRow = _ref.onClickRow,
-      onPagination = _ref.onPagination,
-      _ref$colDisable = _ref.colDisable,
-      colDisable = _ref$colDisable === void 0 ? true : _ref$colDisable,
-      bottomExtra = _ref.bottomExtra,
-      _rowClassName = _ref.rowClassName,
-      rowSelection = _ref.rowSelection,
-      noPagination = _ref.noPagination,
-      style = _ref.style,
-      locale = _ref.locale,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 1 : _ref$page,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
+    _ref$pageSizeOptions = _ref.pageSizeOptions,
+    pageSizeOptions = _ref$pageSizeOptions === void 0 ? [10, 20, 30, 40, 50] : _ref$pageSizeOptions,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    _ref$actionButtons = _ref.actionButtons,
+    actionButtons = _ref$actionButtons === void 0 ? [] : _ref$actionButtons,
+    className = _ref.className,
+    extraButtons = _ref.extraButtons,
+    _ref$filterConfig = _ref.filterConfig,
+    filterConfig = _ref$filterConfig === void 0 ? {} : _ref$filterConfig,
+    actionButtonsFilter = _ref.actionButtonsFilter,
+    _ref$colMax = _ref.colMax,
+    colMax = _ref$colMax === void 0 ? 7 : _ref$colMax,
+    _ref$noCustomize = _ref.noCustomize,
+    noCustomize = _ref$noCustomize === void 0 ? false : _ref$noCustomize,
+    onRow = _ref.onRow,
+    onClickRow = _ref.onClickRow,
+    onPagination = _ref.onPagination,
+    _ref$colDisable = _ref.colDisable,
+    colDisable = _ref$colDisable === void 0 ? true : _ref$colDisable,
+    bottomExtra = _ref.bottomExtra,
+    _rowClassName = _ref.rowClassName,
+    rowSelection = _ref.rowSelection,
+    noPagination = _ref.noPagination,
+    style = _ref.style,
+    locale = _ref.locale,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _filterConfig$filterI = filterConfig.filterItems,
-      filterItems = _filterConfig$filterI === void 0 ? [] : _filterConfig$filterI;
-
+    filterItems = _filterConfig$filterI === void 0 ? [] : _filterConfig$filterI;
   var _useContext = (0, _react.useContext)(_locale.LocaleContext),
-      formatMessage = _useContext.formatMessage;
-
+    formatMessage = _useContext.formatMessage;
   var tableRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(getDefaultOptions(filterItems)),
-      _useState2 = _slicedToArray(_useState, 2),
-      filterOptions = _useState2[0],
-      setFilterOptions = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    filterOptions = _useState2[0],
+    setFilterOptions = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      modalVisible = _useState4[0],
-      setModalVisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalVisible = _useState4[0],
+    setModalVisible = _useState4[1];
   var _useState5 = (0, _react.useState)(filterDefaultShow(columns)),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selectedColKeys = _useState6[0],
-      setSelectedColKeys = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedColKeys = _useState6[0],
+    setSelectedColKeys = _useState6[1];
   var _useState7 = (0, _react.useState)(filterDefaultShow(columns)),
-      _useState8 = _slicedToArray(_useState7, 2),
-      modalSelectedCol = _useState8[0],
-      setModalSelectedCol = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    modalSelectedCol = _useState8[0],
+    setModalSelectedCol = _useState8[1];
   var _useReducer = (0, _react.useReducer)(actionListChange, {}),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      actionListVisible = _useReducer2[0],
-      setActionListVisible = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    actionListVisible = _useReducer2[0],
+    setActionListVisible = _useReducer2[1];
   (0, _react.useEffect)(function () {
     if (colMax !== null && noCustomize !== true) {
       (0, _invariant.default)(colMax >= selectedColKeys.length, 'colmax has less than default select');
@@ -301,19 +223,18 @@ var IglooTable = function IglooTable(_ref) {
       customize: true
     }, item);
   });
-
   var modalContent = function modalContent(options, defaultOptions, selectCallBack, colMax, colDisable) {
-    return (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
       defaultValue: defaultOptions,
       onChange: selectCallBack,
       children: options.filter(function (item) {
         return item.customize;
       }).map(function (item) {
-        return (0, _jsxRuntime.jsx)("div", {
-          children: (0, _jsxRuntime.jsx)(_checkbox.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox, {
             value: item.key,
             disabled: colDisable && colMax ? defaultOptions.length >= colMax && !defaultOptions.includes(item.key) : false,
-            children: (0, _jsxRuntime.jsx)(_typography.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
               level: "body1",
               children: item.title
             })
@@ -322,9 +243,9 @@ var IglooTable = function IglooTable(_ref) {
       })
     });
   };
-
   var actionCol = {
     width: 50 + 32,
+    // border-box的计算方式
     title: formatMessage({
       id: 'Action'
     }),
@@ -332,9 +253,9 @@ var IglooTable = function IglooTable(_ref) {
     key: 'action',
     align: 'center',
     render: function render(text, record, index) {
-      return (0, _jsxRuntime.jsx)(_popover.default, {
-        visible: actionListVisible[index] || false,
-        onVisibleChange: function onVisibleChange(visible) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
+        open: actionListVisible[index] || false,
+        onOpenChange: function onOpenChange(visible) {
           setActionListVisible({
             type: index,
             value: visible
@@ -348,7 +269,7 @@ var IglooTable = function IglooTable(_ref) {
         trigger: ['click'],
         title: null,
         arrowPointAtCenter: true,
-        children: (0, _jsxRuntime.jsx)(_iglooicon.DotMenuOutlined, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.DotMenuOutlined, {
           style: {
             fontSize: '24px',
             cursor: 'pointer'
@@ -361,27 +282,27 @@ var IglooTable = function IglooTable(_ref) {
       });
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "igloo-table-container",
     ref: tableRef,
     style: style,
-    children: [(hasFilterOptions || !noCustomize || extraButtons && extraButtons.length !== 0) && (0, _jsxRuntime.jsxs)(_row.default, {
+    children: [(hasFilterOptions || !noCustomize || extraButtons && extraButtons.length !== 0) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
       justify: "space-between",
       gutter: [0, 24],
       className: "igloo-table-top-content",
-      children: [hasFilterOptions ? (0, _jsxRuntime.jsx)(_index2.default, _objectSpread(_objectSpread({}, filterConfig), {}, {
+      children: [hasFilterOptions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, _objectSpread(_objectSpread({}, filterConfig), {}, {
         parentFilterCallBack: setFilterOptions
-      })) : (0, _jsxRuntime.jsx)(_col.default, {
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
         span: 8
-      }), (0, _jsxRuntime.jsx)(_col.default, {
-        children: (0, _jsxRuntime.jsxs)(_space.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
           className: 'igloo-table-button-cantainer',
-          children: [!noCustomize && (0, _jsxRuntime.jsx)(_button.default, {
-            icon: (0, _jsxRuntime.jsx)(_iglooicon.SettingOutlined, {}),
+          children: [!noCustomize && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.SettingOutlined, {}),
             onClick: function onClick() {
               return setModalVisible(true);
             },
-            children: (0, _jsxRuntime.jsx)(_typography.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
               level: "h4",
               children: formatMessage({
                 id: 'Customize Columns'
@@ -390,12 +311,12 @@ var IglooTable = function IglooTable(_ref) {
           }), extraButtons && extraButtons.map(function (item, index) {
             return item.render ? /*#__PURE__*/_react.default.cloneElement(item.render(), {
               key: index
-            }) : (0, _jsxRuntime.jsx)(_button.default, {
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
               icon: item.icon,
               onClick: function onClick() {
                 return item.onClick && item.onClick(filterOptions);
               },
-              children: (0, _jsxRuntime.jsx)(_typography.default, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
                 level: "h4",
                 children: item.text
               })
@@ -403,13 +324,12 @@ var IglooTable = function IglooTable(_ref) {
           })]
         })
       })]
-    }), (0, _jsxRuntime.jsx)(_table.default, _objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Table, _objectSpread({
       className: "".concat(className || ''),
       rowClassName: function rowClassName(record, index, indent) {
         if (typeof _rowClassName === 'function') {
           return (0, _classnames.default)(_rowClassName(record, index, indent), 'igloo-table-row');
         }
-
         return (0, _classnames.default)(_rowClassName, 'igloo-table-row');
       },
       columns: actionButtons.length ? columns.filter(function (item) {
@@ -445,12 +365,12 @@ var IglooTable = function IglooTable(_ref) {
           id: 'Click to cancel sorting'
         })
       }, locale)
-    }, rest)), bottomExtra, !noPagination && (0, _jsxRuntime.jsx)(_row.default, {
+    }, rest)), bottomExtra, !noPagination && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, {
       justify: "end",
       style: {
         marginTop: 24
       },
-      children: (0, _jsxRuntime.jsx)(_pagination.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Pagination, {
         itemRender: paginationItem,
         size: "small",
         current: page,
@@ -458,8 +378,8 @@ var IglooTable = function IglooTable(_ref) {
         total: total,
         showSizeChanger: false,
         showTotal: function showTotal(total, range) {
-          return (0, _jsxRuntime.jsxs)(_space.default, {
-            children: [(0, _jsxRuntime.jsx)(_typography.default, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
               level: "body1",
               style: {
                 color: '#666666'
@@ -472,7 +392,7 @@ var IglooTable = function IglooTable(_ref) {
                   total: total
                 }
               })
-            }), ' ', (0, _jsxRuntime.jsx)(_typography.default, {
+            }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
               level: "body1",
               style: {
                 color: '#666666'
@@ -480,9 +400,9 @@ var IglooTable = function IglooTable(_ref) {
               children: formatMessage({
                 id: 'Rows per page'
               })
-            }), ' ', (0, _jsxRuntime.jsx)(_select.default, {
+            }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, {
               value: pageSize,
-              suffixIcon: (0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {
+              suffixIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.ArrowDownOutlined, {
                 style: {
                   fontSize: 24,
                   color: '#666666'
@@ -502,12 +422,12 @@ var IglooTable = function IglooTable(_ref) {
         },
         onChange: onPagination
       })
-    }), !noCustomize && (0, _jsxRuntime.jsxs)(_index.default, {
+    }), !noCustomize && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
       width: 430,
       closable: true,
       destroyOnClose: true,
-      visible: modalVisible,
-      title: (0, _jsxRuntime.jsx)(_typography.default, {
+      open: modalVisible,
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
         level: "h4",
         children: formatMessage({
           id: 'Customize Columns'
@@ -516,14 +436,14 @@ var IglooTable = function IglooTable(_ref) {
       cancelButtonProps: {
         type: 'link',
         onClick: function onClick() {
-          setModalVisible(false); // 重置一下modal选择之前的已选中列表
-
+          setModalVisible(false);
+          // 重置一下modal选择之前的已选中列表
           setModalSelectedCol(selectedColKeys);
         }
       },
       onCancel: function onCancel() {
-        setModalVisible(false); // 重置一下modal选择之前的已选中列表
-
+        setModalVisible(false);
+        // 重置一下modal选择之前的已选中列表
         setModalSelectedCol(selectedColKeys);
       },
       okType: "default",
@@ -531,15 +451,15 @@ var IglooTable = function IglooTable(_ref) {
         setModalVisible(false);
         setSelectedColKeys(modalSelectedCol);
       },
-      okText: (0, _jsxRuntime.jsx)(_typography.default, {
+      okText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
         level: "h4",
         children: formatMessage({
           id: 'Apply Columns'
         })
       }),
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: 'modal-describe',
-        children: (0, _jsxRuntime.jsx)(_typography.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
           level: "body1",
           children: colMax === null ? '' : formatMessage({
             id: 'It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.',
@@ -548,7 +468,7 @@ var IglooTable = function IglooTable(_ref) {
             }
           })
         })
-      }), (0, _jsxRuntime.jsx)(_typography.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
         level: "body1",
         children: modalContent(columns, modalSelectedCol, function (item) {
           setModalSelectedCol(item);
@@ -557,6 +477,5 @@ var IglooTable = function IglooTable(_ref) {
     })]
   });
 };
-
 var _default = IglooTable;
 exports.default = _default;