@ant-design/pro-components 3.1.0-0 → 3.1.1-1

package/es/form/components/TextArea/index.d.ts

@@ -8,7 +8,7 @@ declare const _default: React.ForwardRefExoticComponent<{
     emptyText?: React.ReactNode;
     cacheForSwr?: boolean | undefined;
     disabled?: boolean | undefined;
-    width?: number | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+    width?: number | "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     proFieldProps?: import("src/utils").ProFieldProps | undefined;
     footerRender?: import("../../typing").LightFilterFooterRender | undefined;
     children?: any;

package/es/form/components/TextArea/index.js

@@ -1,6 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["fieldProps", "proFieldProps"];
 import React from 'react';
 import { FieldTextArea } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
@@ -11,31 +8,31 @@ import ProField from "../Field";
  * @param
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProFormTextArea = function ProFormTextArea(_ref, ref) {
-  var fieldProps = _ref.fieldProps,
-    proFieldProps = _ref.proFieldProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const ProFormTextArea = ({
+  fieldProps,
+  proFieldProps,
+  ...rest
+}, ref) => {
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     valueTypeMap: {
       textarea: {
-        render: function render(text, props) {
-          return /*#__PURE__*/_jsx(FieldTextArea, _objectSpread(_objectSpread({}, props), {}, {
-            text: text
-          }));
-        },
-        formItemRender: function formItemRender(text, props) {
-          return /*#__PURE__*/_jsx(FieldTextArea, _objectSpread(_objectSpread({}, props), {}, {
-            text: text
-          }));
-        }
+        render: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
+          ...props,
+          text: text
+        }),
+        formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTextArea, {
+          ...props,
+          text: text
+        })
       }
     },
-    children: /*#__PURE__*/_jsx(ProField, _objectSpread({
+    children: /*#__PURE__*/_jsx(ProField, {
       ref: ref,
       valueType: "textarea",
       fieldProps: fieldProps,
-      proFieldProps: proFieldProps
-    }, rest))
+      proFieldProps: proFieldProps,
+      ...rest
+    })
   });
 };
 export default /*#__PURE__*/React.forwardRef(ProFormTextArea);

package/es/form/components/TreeSelect/index.js

@@ -1,6 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["fieldProps", "request", "params", "proFieldProps"];
 import React from 'react';
 import { FieldTreeSelect } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
@@ -11,28 +8,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * @param
  */
-var ProFormTreeSelect = function ProFormTreeSelect(_ref, ref) {
-  var fieldProps = _ref.fieldProps,
-    request = _ref.request,
-    params = _ref.params,
-    proFieldProps = _ref.proFieldProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const ProFormTreeSelect = ({
+  fieldProps,
+  request,
+  params,
+  proFieldProps,
+  ...rest
+}, ref) => {
   return /*#__PURE__*/_jsx(ProConfigProvider, {
     valueTypeMap: {
       treeSelect: {
-        render: function render(text, props) {
-          return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
-            text: text
-          }));
-        },
-        formItemRender: function formItemRender(text, props) {
-          return /*#__PURE__*/_jsx(FieldTreeSelect, _objectSpread(_objectSpread({}, props), {}, {
-            text: text
-          }));
-        }
+        render: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
+          ...props,
+          text: text
+        }),
+        formItemRender: (text, props) => /*#__PURE__*/_jsx(FieldTreeSelect, {
+          ...props,
+          text: text
+        })
       }
     },
-    children: /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+    children: /*#__PURE__*/_jsx(ProFormField, {
       valueType: "treeSelect",
       fieldProps: fieldProps,
       ref: ref,
@@ -41,9 +37,10 @@ var ProFormTreeSelect = function ProFormTreeSelect(_ref, ref) {
       fieldConfig: {
         customLightMode: true
       },
-      proFieldProps: proFieldProps
-    }, rest))
+      proFieldProps: proFieldProps,
+      ...rest
+    })
   });
 };
-var WarpProFormTreeSelect = /*#__PURE__*/React.forwardRef(ProFormTreeSelect);
+const WarpProFormTreeSelect = /*#__PURE__*/React.forwardRef(ProFormTreeSelect);
 export default WarpProFormTreeSelect;

package/es/form/components/UploadButton/index.js

@@ -1,10 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _ref3;
-var _excluded = ["fieldProps", "action", "accept", "listType", "title", "max", "icon", "buttonProps", "disabled", "proFieldProps", "imageProps"];
 import { UploadOutlined } from '@ant-design/icons';
 import { Button, Image, Upload } from 'antd';
 import React, { useContext, useMemo, useState } from 'react';
@@ -13,125 +6,85 @@ import warpField from "../FormItem/warpField";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var getBase64 = function getBase64(file) {
-  return new Promise(function (resolve, reject) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = function () {
-      return resolve(reader.result);
-    };
-    reader.onerror = function (error) {
-      return reject(error);
-    };
-  });
-};
+const getBase64 = file => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = error => reject(error);
+});
 /**
  * 上传按钮组件
  *
  * @param
  */
-var BaseProFormUploadButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _fieldProps$name;
-  var fieldProps = _ref.fieldProps,
-    action = _ref.action,
-    accept = _ref.accept,
-    listType = _ref.listType,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '单击上传' : _ref$title,
-    max = _ref.max,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/_jsx(UploadOutlined, {}) : _ref$icon,
-    buttonProps = _ref.buttonProps,
-    disabled = _ref.disabled,
-    proFieldProps = _ref.proFieldProps,
-    imageProps = _ref.imageProps,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    previewOpen = _useState2[0],
-    setPreviewOpen = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    previewImage = _useState4[0],
-    setPreviewImage = _useState4[1];
-  var value = useMemo(function () {
-    var _restProps$fileList;
-    return (_restProps$fileList = restProps.fileList) !== null && _restProps$fileList !== void 0 ? _restProps$fileList : restProps.value;
+const BaseProFormUploadButton = /*#__PURE__*/React.forwardRef(({
+  fieldProps,
+  action,
+  accept,
+  listType,
+  title = '单击上传',
+  max,
+  icon = /*#__PURE__*/_jsx(UploadOutlined, {}),
+  buttonProps,
+  disabled,
+  proFieldProps,
+  imageProps,
+  ...restProps
+}, ref) => {
+  const [previewOpen, setPreviewOpen] = useState(false);
+  const [previewImage, setPreviewImage] = useState('');
+  const value = useMemo(() => {
+    return restProps.fileList ?? restProps.value;
   }, [restProps.fileList, restProps.value]);
-  var handlePreview = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(!file.url && !file.preview)) {
-              _context.next = 4;
-              break;
-            }
-            _context.next = 3;
-            return getBase64(file.originFileObj);
-          case 3:
-            file.preview = _context.sent;
-          case 4:
-            setPreviewImage(file.url || file.preview);
-            setPreviewOpen(true);
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handlePreview(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var modeContext = useContext(EditOrReadOnlyContext);
-  var mode = (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.mode) || modeContext.mode || 'edit';
+  const handlePreview = async file => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj);
+    }
+    setPreviewImage(file.url || file.preview);
+    setPreviewOpen(true);
+  };
+  const modeContext = useContext(EditOrReadOnlyContext);
+  const mode = proFieldProps?.mode || modeContext.mode || 'edit';
 
   // 如果配置了 max ，并且 超过了文件列表的大小，就不展示按钮
-  var showUploadButton = (max === undefined || !value || (value === null || value === void 0 ? void 0 : value.length) < max) && mode !== 'read';
-  var isPictureCard = (listType !== null && listType !== void 0 ? listType : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.listType) === 'picture-card';
+  const showUploadButton = (max === undefined || !value || value?.length < max) && mode !== 'read';
+  const isPictureCard = (listType ?? fieldProps?.listType) === 'picture-card';
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(Upload, {
       action: action,
       accept: accept,
       ref: ref,
       listType: listType || 'picture',
       fileList: value,
-      onPreview: handlePreview
-    }, fieldProps), {}, {
-      name: (_fieldProps$name = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.name) !== null && _fieldProps$name !== void 0 ? _fieldProps$name : 'file',
-      onChange: function onChange(info) {
-        var _fieldProps$onChange;
-        fieldProps === null || fieldProps === void 0 || (_fieldProps$onChange = fieldProps.onChange) === null || _fieldProps$onChange === void 0 || _fieldProps$onChange.call(fieldProps, info);
+      onPreview: handlePreview,
+      ...fieldProps,
+      name: fieldProps?.name ?? 'file',
+      onChange: info => {
+        fieldProps?.onChange?.(info);
       },
       children: showUploadButton && (isPictureCard ? /*#__PURE__*/_jsxs("span", {
         children: [icon, " ", title]
-      }) : /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
-        disabled: disabled || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.disabled)
-      }, buttonProps), {}, {
+      }) : /*#__PURE__*/_jsxs(Button, {
+        disabled: disabled || fieldProps?.disabled,
+        ...buttonProps,
         children: [icon, title]
-      })))
-    })), previewImage && /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({
+      }))
+    }), previewImage && /*#__PURE__*/_jsx(Image, {
       wrapperStyle: {
         display: 'none'
-      }
-    }, imageProps), {}, {
-      preview: _objectSpread({
+      },
+      ...imageProps,
+      preview: {
         open: previewOpen,
-        onOpenChange: function onOpenChange(open) {
-          return setPreviewOpen(open);
-        },
-        afterOpenChange: function afterOpenChange(open) {
-          return !open && setPreviewImage('');
-        }
-      }, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.preview) || {}),
+        onOpenChange: open => setPreviewOpen(open),
+        afterOpenChange: open => !open && setPreviewImage(''),
+        ...(imageProps?.preview || {})
+      },
       src: previewImage
-    }))]
+    })]
   });
 });
-var ProFormUploadButton = (_ref3 = warpField) === null || _ref3 === void 0 ? void 0 : _ref3(BaseProFormUploadButton, {
-  getValueFromEvent: function getValueFromEvent(value) {
-    return value.fileList;
-  }
+const ProFormUploadButton = warpField?.(BaseProFormUploadButton, {
+  getValueFromEvent: value => value.fileList
 });
 export default ProFormUploadButton;

package/es/form/components/UploadDragger/index.js

@@ -1,5 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _ref2;
 import { InboxOutlined } from '@ant-design/icons';
 import { ConfigProvider, Upload } from 'antd';
 import React, { useContext } from 'react';
@@ -12,69 +10,64 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  *
  * @param
  */
-var BaseProFormUploadDragger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _fieldProps$style;
-  var fieldProps = _ref.fieldProps,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '单击或拖动文件到此区域进行上传' : _ref$title,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/_jsx(InboxOutlined, {}) : _ref$icon,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? '支持单次或批量上传' : _ref$description,
-    action = _ref.action,
-    accept = _ref.accept,
-    _onChange = _ref.onChange,
-    value = _ref.value,
-    children = _ref.children,
-    max = _ref.max,
-    proFieldProps = _ref.proFieldProps;
-  var context = useContext(ConfigProvider.ConfigContext);
-  var modeContext = useContext(EditOrReadOnlyContext);
-  var mode = (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.mode) || modeContext.mode || 'edit';
-  var baseClassName = context.getPrefixCls('upload');
+const BaseProFormUploadDragger = /*#__PURE__*/React.forwardRef(({
+  fieldProps,
+  title = '单击或拖动文件到此区域进行上传',
+  icon = /*#__PURE__*/_jsx(InboxOutlined, {}),
+  description = '支持单次或批量上传',
+  action,
+  accept,
+  onChange,
+  value,
+  children,
+  max,
+  proFieldProps
+}, ref) => {
+  const context = useContext(ConfigProvider.ConfigContext);
+  const modeContext = useContext(EditOrReadOnlyContext);
+  const mode = proFieldProps?.mode || modeContext.mode || 'edit';
+  const baseClassName = context.getPrefixCls('upload');
   // 如果配置了 max ，并且 超过了文件列表的大小，就不展示按钮
-  var showUploadButton = (max === undefined || !value || (value === null || value === void 0 ? void 0 : value.length) < max) && mode !== 'read' && (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.readonly) !== true;
-  return /*#__PURE__*/_jsxs(Upload.Dragger, _objectSpread(_objectSpread({
+  const showUploadButton = (max === undefined || !value || value?.length < max) && mode !== 'read' && proFieldProps?.readonly !== true;
+  return /*#__PURE__*/_jsxs(Upload.Dragger, {
     // @ts-ignore
     ref: ref,
     name: "files",
     action: action,
     accept: accept,
-    fileList: value
-  }, fieldProps), {}, {
-    onChange: function onChange(info) {
-      _onChange === null || _onChange === void 0 || _onChange(info);
-      if (fieldProps !== null && fieldProps !== void 0 && fieldProps.onChange) {
-        fieldProps === null || fieldProps === void 0 || fieldProps.onChange(info);
+    fileList: value,
+    ...fieldProps,
+    onChange: info => {
+      onChange?.(info);
+      if (fieldProps?.onChange) {
+        fieldProps?.onChange(info);
       }
     },
-    style: _objectSpread(_objectSpread({
+    style: {
       flexDirection: 'column',
-      alignItems: 'center'
-    }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {}, {
-      display: !showUploadButton ? 'none' : (fieldProps === null || fieldProps === void 0 || (_fieldProps$style = fieldProps.style) === null || _fieldProps$style === void 0 ? void 0 : _fieldProps$style.display) || 'flex'
-    }),
+      alignItems: 'center',
+      ...fieldProps?.style,
+      display: !showUploadButton ? 'none' : fieldProps?.style?.display || 'flex'
+    },
     children: [/*#__PURE__*/_jsx("p", {
-      className: "".concat(baseClassName, "-drag-icon"),
+      className: `${baseClassName}-drag-icon`,
       children: icon
     }), /*#__PURE__*/_jsx("p", {
-      className: "".concat(baseClassName, "-text"),
+      className: `${baseClassName}-text`,
       children: title
     }), /*#__PURE__*/_jsx("p", {
-      className: "".concat(baseClassName, "-hint"),
+      className: `${baseClassName}-hint`,
       children: description
     }), children ? /*#__PURE__*/_jsx("div", {
-      className: "".concat(baseClassName, "-extra"),
+      className: `${baseClassName}-extra`,
       style: {
         padding: 16
       },
       children: children
     }) : null]
-  }));
+  });
 });
-var ProFormUploadDragger = (_ref2 = warpField) === null || _ref2 === void 0 ? void 0 : _ref2(BaseProFormUploadDragger, {
-  getValueFromEvent: function getValueFromEvent(value) {
-    return value.fileList;
-  }
+const ProFormUploadDragger = warpField?.(BaseProFormUploadDragger, {
+  getValueFromEvent: value => value.fileList
 });
 export default ProFormUploadDragger;

package/es/form/helpers/grid.js

@@ -1,70 +1,69 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "Wrapper"],
-  _excluded2 = ["children", "Wrapper"];
 import { Col, Row } from 'antd';
 import { createContext, useContext, useMemo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var GridContext = /*#__PURE__*/createContext({
+export const GridContext = /*#__PURE__*/createContext({
   grid: false,
   colProps: undefined,
   rowProps: undefined
 });
-export var gridHelpers = function gridHelpers(_ref) {
-  var grid = _ref.grid,
-    rowProps = _ref.rowProps,
-    colProps = _ref.colProps;
-  return {
-    grid: !!grid,
-    RowWrapper: function RowWrapper() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        children = _ref2.children,
-        Wrapper = _ref2.Wrapper,
-        props = _objectWithoutProperties(_ref2, _excluded);
-      if (!grid) {
-        return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
-          children: children
-        }) : children;
-      }
-      return /*#__PURE__*/_jsx(Row, _objectSpread(_objectSpread(_objectSpread({
-        gutter: 8
-      }, rowProps), props), {}, {
+export const gridHelpers = ({
+  grid,
+  rowProps,
+  colProps
+}) => ({
+  grid: !!grid,
+  RowWrapper({
+    children,
+    Wrapper,
+    ...props
+  } = {}) {
+    if (!grid) {
+      return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
         children: children
-      }));
-    },
-    ColWrapper: function ColWrapper() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        children = _ref3.children,
-        Wrapper = _ref3.Wrapper,
-        rest = _objectWithoutProperties(_ref3, _excluded2);
-      var props = useMemo(function () {
-        var originProps = _objectSpread(_objectSpread({}, colProps), rest);
+      }) : children;
+    }
+    return /*#__PURE__*/_jsx(Row, {
+      gutter: 8,
+      ...rowProps,
+      ...props,
+      children: children
+    });
+  },
+  ColWrapper({
+    children,
+    Wrapper,
+    ...rest
+  } = {}) {
+    const props = useMemo(() => {
+      const originProps = {
+        ...colProps,
+        ...rest
+      };
 
-        /**
-         * `xs` takes precedence over `span`
-         * avoid `span` doesn't work
-         */
-        if (typeof originProps.span === 'undefined' && typeof originProps.xs === 'undefined') {
-          originProps.xs = 24;
-        }
-        return originProps;
-      }, [rest]);
-      if (!grid) {
-        return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
-          children: children
-        }) : children;
+      /**
+       * `xs` takes precedence over `span`
+       * avoid `span` doesn't work
+       */
+      if (typeof originProps.span === 'undefined' && typeof originProps.xs === 'undefined') {
+        originProps.xs = 24;
       }
-      return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, props), {}, {
+      return originProps;
+    }, [rest]);
+    if (!grid) {
+      return Wrapper ? /*#__PURE__*/_jsx(Wrapper, {
         children: children
-      }));
+      }) : children;
     }
-  };
-};
-export var useGridHelpers = function useGridHelpers(props) {
-  var config = useMemo(function () {
+    return /*#__PURE__*/_jsx(Col, {
+      ...props,
+      children: children
+    });
+  }
+});
+export const useGridHelpers = props => {
+  const config = useMemo(() => {
     {
-      if (_typeof(props) === 'object') {
+      if (typeof props === 'object') {
         return props;
       }
       return {
@@ -72,19 +71,18 @@ export var useGridHelpers = function useGridHelpers(props) {
       };
     }
   }, [props]);
-  var _useContext = useContext(GridContext),
-    grid = _useContext.grid,
-    colProps = _useContext.colProps;
-  return useMemo(function () {
-    return gridHelpers({
-      grid: !!(grid || config.grid),
-      rowProps: config === null || config === void 0 ? void 0 : config.rowProps,
-      colProps: (config === null || config === void 0 ? void 0 : config.colProps) || colProps,
-      Wrapper: config === null || config === void 0 ? void 0 : config.Wrapper
-    });
-  },
+  const {
+    grid,
+    colProps
+  } = useContext(GridContext);
+  return useMemo(() => gridHelpers({
+    grid: !!(grid || config.grid),
+    rowProps: config?.rowProps,
+    colProps: config?.colProps || colProps,
+    Wrapper: config?.Wrapper
+  }),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config === null || config === void 0 ? void 0 : config.Wrapper, config.grid, grid,
+  [config?.Wrapper, config.grid, grid,
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  JSON.stringify([colProps, config === null || config === void 0 ? void 0 : config.colProps, config === null || config === void 0 ? void 0 : config.rowProps])]);
+  JSON.stringify([colProps, config?.colProps, config?.rowProps])]);
 };