es-grid-template 1.1.6 → 1.1.7

package/es/grid-component/table/GridEdit.js

@@ -207,7 +207,7 @@ const GridEdit = props => {
       return {
         row,
         col,
-        value: data[row][columnKey]
+        value: dataSource[row][columnKey]
       };
     });
 
@@ -763,9 +763,7 @@ const GridEdit = props => {
   }, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
-    t: t
-    // key={updateKey}
-    ,
+    t: t,
     tableRef: tableRef,
     dataSource: dataSource,
     components: {

package/es/grid-component/type.d.ts

@@ -103,9 +103,8 @@ export type ColumnType<RecordType> = Omit<RcColumnType<RecordType>, 'headerTempl
     commandItems?: CommandItem[];
     children?: ColumnType<RecordType>[];
 };
-export type ColumnEditType<RecordType> = ColumnType<RecordType> & {
+export type ColumnEditType<RecordType> = Omit<ColumnType<RecordType>, 'children'> & {
     editType?: EditType | ((rowData?: any) => EditType);
-    template?: ReactNode | ReactElement | ((value: any, record: RecordType, index: number) => ReactNode | ReactElement);
     disable?: boolean | ((rowData: any) => boolean);
     isClearable?: boolean;
     maxDate?: any;
@@ -115,6 +114,7 @@ export type ColumnEditType<RecordType> = ColumnType<RecordType> & {
     max?: number;
     min?: number;
     editSelectSettings?: IEditSelectSettings;
+    children?: ColumnEditType<RecordType>[];
 };
 export type ColumnsType<RecordType = AnyObject> = ColumnType<RecordType>[];
 export type ColumnsEditType<RecordType = AnyObject> = ColumnEditType<RecordType>[];

package/lib/grid-component/CheckboxFilter.d.ts

@@ -11,7 +11,7 @@ type Props = {
     showFilter?: boolean;
     onSelect?: (value: any) => void;
     selectedKeys: string[];
-    locale: TableLocale;
+    locale?: TableLocale;
     filterMode?: 'menu' | 'tree';
     searchValue: string;
     setSearchValue: (value: any) => void;

package/lib/grid-component/CheckboxFilter.js

@@ -115,7 +115,7 @@ const CheckboxFilter = props => {
   });
   const empty = /*#__PURE__*/React.createElement(_rcMasterUi.Empty, {
     image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE,
-    description: locale.filterEmptyText,
+    description: locale?.filterEmptyText,
     imageStyle: {
       height: 24
     },
@@ -202,7 +202,7 @@ const CheckboxFilter = props => {
       indeterminate: selectedKeys.length > 0 && selectedKeys.length < (0, _useFilter.flattenKeys)(options).length,
       className: `${tablePrefixCls}-filter-dropdown-checkall`,
       onChange: onCheckAll
-    }, locale.filterCheckall) : /*#__PURE__*/React.createElement(_rcMasterUi.Empty, null), /*#__PURE__*/React.createElement(_antd.Tree, {
+    }, locale?.filterCheckall) : /*#__PURE__*/React.createElement(_rcMasterUi.Empty, null), /*#__PURE__*/React.createElement(_antd.Tree, {
       checkable: true,
       selectable: false,
       blockNode: true,

package/lib/grid-component/ContextMenu.js

@@ -104,9 +104,7 @@ const ContextMenu = props => {
           items: contextMenuItems,
           style: {
             minWidth: 200,
-            maxWidth: 400,
-            maxHeight: pos.viewportHeight - 20,
-            width: 200
+            maxHeight: pos.viewportHeight - 20
           },
           rootClassName: 'popup-context-menu',
           onClick: e => {

package/lib/grid-component/FilterSearch.d.ts

@@ -6,7 +6,7 @@ interface FilterSearchProps<RecordType = AnyObject> {
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     filterSearch: FilterSearchType<RecordType>;
     tablePrefixCls: string;
-    locale: TableLocale;
+    locale?: TableLocale;
 }
 declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element;
 export default FilterSearch;

package/lib/grid-component/FilterSearch.js

@@ -29,7 +29,7 @@ const FilterSearch = props => {
     }
   }, /*#__PURE__*/React.createElement(_rcMasterUi.Input, {
     suffix: /*#__PURE__*/React.createElement(_SearchOutlined.default, null),
-    placeholder: locale.filterSearchPlaceholder,
+    placeholder: locale?.filterSearchPlaceholder,
     onChange: onChange,
     value: value,
     autoFocus: true

package/lib/grid-component/InternalTable.js

@@ -25,6 +25,8 @@ var _GridEdit = _interopRequireDefault(require("./table/GridEdit"));
 var _Grid = _interopRequireDefault(require("./table/Grid"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// import useMergedState from "rc-util/lib/hooks/useMergedState";
+
 _dayjs.default.extend(_customParseFormat.default);
 const ResizableTitle = props => {
   const {
@@ -59,6 +61,7 @@ const InternalTable = props => {
     t,
     columns: propsColumns,
     lang,
+    locale,
     dataSource,
     allowResizing,
     dataSourceFilter: propDataSourceFilter,
@@ -68,22 +71,35 @@ const InternalTable = props => {
     format,
     onDataChange,
     sortMultiple,
+    expandable,
     ...rest
   } = props;
-  const locale = lang && lang === 'en' ? _en_US.default : _vi_VN.default;
+  const local = lang && lang === 'en' ? _en_US.default : _vi_VN.default;
   const buddhistLocale = {
-    ...locale,
+    ...local,
     lang: {
-      ...locale.lang
+      ...local.lang
     }
   };
+
+  // const [mergedColumns, setMergedColumns] = useMergedState(
+  //   propsColumns,
+  //   {
+  //     value: propsColumns,
+  //   },
+  // );
+
+  // console.log('mergedColumns', mergedColumns)
+
   const tableRef = (0, _react.useRef)(null);
-  const [data, setData] = (0, _react.useState)(dataSource);
+  const [data, setData] = (0, _react.useState)([]);
   const [columns, setColumns] = (0, _react.useState)([]);
   const [isManualUpdate, setIsManualUpdate] = (0, _react.useState)(false);
+  // const [expandKeys, setExpandKeys] = useState<string[]>([]);
   const [dataSourceFilter, setDataSourceFilter] = (0, _react.useState)(propDataSourceFilter ?? []);
   (0, _react.useEffect)(() => {
     const rs = propsColumns ? [_rcMasterUi.Table.SELECTION_COLUMN, ...propsColumns] : [];
+    // const  rs = propsColumns ? [...propsColumns] : []
     setColumns(rs);
   }, [propsColumns]);
   (0, _react.useEffect)(() => {
@@ -91,7 +107,14 @@ const InternalTable = props => {
       setData(dataSource || []);
     }
     setIsManualUpdate(false);
-  }, [dataSource]);
+  }, [dataSource, isManualUpdate]);
+
+  // const [columns, setColumns] = useMergedState(
+  //   propsColumns ? [Table.SELECTION_COLUMN, ...propsColumns] : [],
+  //   {
+  //     value: propsColumns ? [Table.SELECTION_COLUMN, ...propsColumns] : [],
+  //   },
+  // );
 
   // ============================ RowKey ============================
   const getRowKey = _react.default.useMemo(() => {
@@ -101,6 +124,12 @@ const InternalTable = props => {
     // @ts-ignore
     return record => record?.[rowKey];
   }, [rowKey]);
+
+  // useEffect(() => {
+  //   const rrr = findAllChildrenKeys<any>(dataSource, getRowKey, 'children');
+  //   setExpandKeys(rrr as any)
+  // }, [dataSource, getRowKey])
+
   const handleSearch = (selectedKeys, confirm) => {
     confirm();
   };
@@ -138,7 +167,7 @@ const InternalTable = props => {
           minWidth: 275
         },
         onKeyDown: e => e.stopPropagation()
-      }, (column?.showOperator !== false || column?.typeFilter !== 'DateRange' && column?.typeFilter !== 'NumberRange') && /*#__PURE__*/_react.default.createElement("div", {
+      }, column?.showOperator !== false && column?.typeFilter !== 'DateRange' && column?.typeFilter !== 'NumberRange' && /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
         options: (0, _hooks.translateOption)(_hooks.numberOperator, t),
@@ -154,7 +183,7 @@ const InternalTable = props => {
         style: {
           marginBottom: 8
         }
-      }, (0, _useColumns.renderFilter)(column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale)), /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      }, (0, _useColumns.renderFilter)(column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale, locale, t)), /*#__PURE__*/_react.default.createElement(_antd.Space, {
         style: {
           justifyContent: 'end',
           width: '100%'
@@ -196,7 +225,7 @@ const InternalTable = props => {
         }
       }
     }
-  }), [onFilterCallback, onFilterClick, _useColumns.renderFilter, t]);
+  }), [buddhistLocale, dataSourceFilter, onFilterCallback, onFilterClick, t]);
   const handleResize = indexPath => (e, {
     size
   }) => {
@@ -264,6 +293,9 @@ const InternalTable = props => {
       if (["index", "#"].includes(transformedColumn.dataIndex)) {
         return {
           ...transformedColumn,
+          onCell: () => ({
+            className: 'cell-number'
+          }),
           render: (_, __, rowIndex) => rowIndex + 1
         };
       }
@@ -311,13 +343,17 @@ const InternalTable = props => {
   const triggerChangeData = newData => {
     setIsManualUpdate(true);
     setData(newData);
+    // setMergedData(newData)
     onDataChange?.(newData);
   };
   const TableComponent = editAble ? _GridEdit.default : _Grid.default;
   return /*#__PURE__*/_react.default.createElement(TableComponent, (0, _extends2.default)({}, rest, {
     t: t,
+    locale: locale,
     tableRef: tableRef,
-    dataSource: data,
+    dataSource: data
+    // mergedData={mergedData}
+    ,
     components: {
       header: {
         cell: allowResizing ? ResizableTitle : undefined
@@ -325,7 +361,7 @@ const InternalTable = props => {
     },
     format: format,
     columns: mergedColumns
-    // columns={columns}
+    // defaultColumns={mergedColumns}
     ,
     showSorterTooltip: {
       target: 'sorter-icon'

package/lib/grid-component/TableGrid.js

@@ -95,6 +95,9 @@ const TableGrid = props => {
     columns,
     tableRef,
     dataSource,
+    locale,
+    expandable,
+    // mergedData,
     title,
     format,
     virtual = true,
@@ -140,6 +143,12 @@ const TableGrid = props => {
   const menuRef = (0, _react.useRef)(null);
   const viewportWidth = window.innerWidth;
   const viewportHeight = window.innerHeight;
+
+  // const defaultSelected = useMemo(() => {
+  //   return defaultSelectedRowKeys ?? []
+  //
+  // }, [defaultSelectedRowKeys])
+
   const [menuVisible, setMenuVisible] = _react.default.useState(false);
   const [selectedRowData, setSelectedRowData] = _react.default.useState(null);
   const [position, setPosition] = _react.default.useState({
@@ -231,6 +240,8 @@ const TableGrid = props => {
     }
   };
   const handleRowClick = () => () => {
+    // const key = getRowKey(record, index);
+
     if (checkboxOnly !== true) {
       if (type === 'single') {}
     }
@@ -238,7 +249,6 @@ const TableGrid = props => {
 
     // @ts-ignore
     clickRef.current = setTimeout(() => {
-      // console.log("Single Click:", record);
       clickRef.current = null;
     }, 250);
   };
@@ -270,6 +280,7 @@ const TableGrid = props => {
           rowData: selectedRow
         });
       } else {
+        // @ts-ignore
         setMergedSelectedKeys(keys);
         rowSelected?.({
           selected: selectedRows,
@@ -301,7 +312,15 @@ const TableGrid = props => {
     contextMenuClick: contextMenuClick,
     rowData: selectedRowData
   }), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table, (0, _extends2.default)({
-    ref: tableRef,
+    ref: tableRef
+  }, rest, {
+    locale: {
+      ...locale,
+      emptyText: /*#__PURE__*/_react.default.createElement(_rcMasterUi.Empty, {
+        image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE,
+        description: locale?.emptyText
+      })
+    },
     loading: {
       spinning: columns && columns.length === 0 || loading === true,
       indicator: /*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, null)
@@ -396,7 +415,7 @@ const TableGrid = props => {
       // @ts-ignore
       , {
         style: {
-          width: pagination && pagination.onChange && pagination?.position && pagination?.position[0] === 'topRight' ? `calc(100% - 650px` : `calc(100% - 50px`
+          width: `calc(100% - 650px`
         },
         items: toolbarItems ?? [],
         mode: 'scroll'
@@ -419,8 +438,40 @@ const TableGrid = props => {
         t: t,
         triggerChangeColumns: triggerChangeColumns
       }))));
+    },
+    expandable: {
+      expandIconColumnIndex: 3,
+      defaultExpandAllRows: true,
+      indentSize: 25,
+      ...expandable,
+      expandIcon: args => {
+        const {
+          record,
+          expanded,
+          onExpand
+        } = args;
+
+        // @ts-ignore
+        if (record?.children && record?.children?.length > 0 || record?.isChildren) {
+          return expanded ? /*#__PURE__*/_react.default.createElement("button", {
+            onClick: e => {
+              e.preventDefault();
+              e.stopPropagation();
+              onExpand(record, e);
+            },
+            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+          }) : /*#__PURE__*/_react.default.createElement("button", {
+            onClick: e => {
+              e.preventDefault();
+              e.stopPropagation();
+              onExpand(record, e);
+            },
+            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+          });
+        }
+      }
     }
-  }, rest)), pagination && pagination.onChange && !pagination.position && /*#__PURE__*/_react.default.createElement(_pagination.default
+  })), pagination && pagination.onChange && !pagination.position && /*#__PURE__*/_react.default.createElement(_pagination.default
   // style={{padding: '0.75rem 1rem'}}
   , (0, _extends2.default)({
     showSizeChanger: true,

package/lib/grid-component/hooks/useColumns/index.d.ts

@@ -1,6 +1,7 @@
 import type { ColumnsType, ColumnType, IFormat } from "../../type";
 import React from "react";
+import { TableLocale } from "rc-master-ui/lib/table/interface";
 export declare function flatColumns<RecordType>(columns: ColumnsType<RecordType>, parentKey?: string): ColumnType<RecordType>[];
 export declare const getValueCell: <T>(column: ColumnType<T>, value: any, format?: IFormat) => any;
 export declare const renderContent: <RecordType>(column: ColumnType<RecordType>, value: any, record: RecordType, index: number, format?: IFormat) => React.JSX.Element;
-export declare const renderFilter: <RecordType>(column: ColumnType<RecordType>, selectedKeys: string[], setSelectedKeys: any, confirm: any, visible: boolean, searchValue: string, setSearchValue: any, dataSourceFilter: any[], buddhistLocale: any) => React.JSX.Element;
+export declare const renderFilter: <RecordType>(column: ColumnType<RecordType>, selectedKeys: string[], setSelectedKeys: any, confirm: any, visible: boolean, searchValue: string, setSearchValue: any, dataSourceFilter: any[], buddhistLocale: any, locale?: TableLocale, t?: any) => React.JSX.Element;

package/lib/grid-component/hooks/useColumns/index.js

@@ -105,7 +105,7 @@ const renderContent = (column, value, record, index, format) => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column?.template ? typeof column.template === "function" ? column.template(value, record, index) : column.template : content);
 };
 exports.renderContent = renderContent;
-const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale) => {
+const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale, locale, t) => {
   const type = (0, _utils.getTypeFilter)(column);
   const dateFormat = (0, _utils.getDatepickerFormat)(column?.typeFilter ?? column?.type, column) ?? 'DD/MM/YYYY';
   const dateRangeFormat = (0, _utils.getDatepickerFormat)(column?.type, column) ?? 'DD/MM/YYYY';
@@ -148,7 +148,7 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
         //   onChangeValueFilter(type, values.floatValue, 'min')
         // }}
         ,
-        placeholder: 'Min',
+        placeholder: t ? t('Min') : 'Min',
         autoFocus: true
       })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactNumericComponent.NumericFormat, {
         value: selectedKeys[1]
@@ -161,7 +161,7 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
         onValueChange: () => {
           // onChangeValueFilter(type, values.floatValue, 'max')
         },
-        placeholder: 'Max'
+        placeholder: t ? t('Max') : 'Max'
       })))));
     case 'Date':
       const dateValue = selectedKeys[0] ? (0, _utils.convertDateToDayjs)(new Date(selectedKeys[0]), dateFormat) : null;
@@ -198,7 +198,9 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
         // defaultValue={dateRangeValue}
         ,
         value: dateRangeValue,
-        placeholder: ['Ngày bắt đầu', 'Ngày kết thúc'],
+        locale: buddhistLocale
+        // placeholder={['Ngày bắt đầu', 'Ngày kết thúc']}
+        ,
         popupStyle: {
           zIndex: 9999
         },
@@ -349,6 +351,10 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
           marginBottom: 8
         },
         value: selectedKeys[0],
+        notFoundContent: /*#__PURE__*/_react.default.createElement(_rcMasterUi.Empty, {
+          image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE,
+          description: locale?.emptyText
+        }),
         onChange: val => {
           // setOperatorKey(val)
           setSelectedKeys(val ? [val] : []);
@@ -407,13 +413,12 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CheckboxFilter.default
-      // column={column}
+      // locale={{
+      //   filterTitle: 'Chọn tất cả',
+      //   filterCheckall: 'Chọn tất cả'
+      // }}
       , {
-        locale: {
-          filterTitle: 'Chọn tất cả',
-          filterCheckall: 'Chọn tất cả'
-        },
-        showFilter: column.showFilterSearch,
+        locale: locale,
         selectedKeys: selectedKeys,
         onSelect: setSelectedKeys,
         options: options,
@@ -427,7 +432,7 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
-        placeholder: `Search`,
+        placeholder: t ? t('Search') : `Search`,
         value: selectedKeys[0],
         onChange: e => setSelectedKeys(e.target.value ? [e.target.value] : [])
         // onPressEnter={() => handleSearch(selectedKeys as string[], confirm)}

package/lib/grid-component/hooks/utils.d.ts

@@ -1,9 +1,10 @@
 import type * as React from "react";
 import dayjs from "dayjs";
 import type { EditType, IColumnType, TypeFilter } from "rc-master-ui";
-import type { ColumnEditType, ColumnsType, ColumnTable } from "../type";
+import type { ColumnEditType, ColumnsType, ColumnTable, GetRowKey } from "../type";
 import type { SelectionSettings } from "../type";
 import type { AnyObject } from "../type";
+import { Key } from "react";
 export declare const newGuid: () => any;
 export declare const sumDataByField: (data: any[], field: string) => any;
 export declare const checkThousandSeparator: (thousandSeparator: string | undefined, decimalSeparator: string | undefined) => string;
@@ -35,3 +36,4 @@ export declare const getColumnsVisible: <T>(columns: ColumnsType<T>, index: numb
 export declare const updateData: <Record_1 = AnyObject>(initData: Record_1[], rows: Record_1[], key: keyof Record_1) => Record_1[];
 export declare const parseBooleanToValue: (value: boolean, type: 'boolean' | 'number') => number | boolean;
 export declare const genPresets: (presets?: import("@ant-design/colors").PalettesProps) => import("antd/es/color-picker/interface").PresetsItem[];
+export declare function findAllChildrenKeys<RecordType>(data: readonly RecordType[], getRowKey: GetRowKey<RecordType>, childrenColumnName: string): Key[];

package/lib/grid-component/hooks/utils.js

@@ -4,7 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getEditType = exports.getDatepickerFormat = exports.getDateString = exports.getColumnsVisible = exports.getAllVisibleKeys = exports.genPresets = exports.customWeekStartEndFormat = exports.convertLabelToTitle = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertArrayWithIndent = exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = void 0;
+exports.customWeekStartEndFormat = exports.convertLabelToTitle = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertArrayWithIndent = exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = void 0;
+exports.findAllChildrenKeys = findAllChildrenKeys;
+exports.getEditType = exports.getDatepickerFormat = exports.getDateString = exports.getColumnsVisible = exports.getAllVisibleKeys = exports.genPresets = void 0;
 exports.getHiddenParentKeys = getHiddenParentKeys;
 exports.updateData = exports.updateColumns = exports.updateArrayByKey = exports.totalFixedWidth = exports.sumDataByField = exports.parseBooleanToValue = exports.newGuid = exports.isObjEmpty = exports.isNullOrUndefined = exports.isNameColor = exports.isEmpty = exports.isDisable = exports.isColor = exports.getVisibleColumnKeys = exports.getTypeFilter = exports.getTemplate = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
@@ -367,4 +369,15 @@ const genPresets = (presets = _colors.presetPalettes) => {
     key: label
   }));
 };
-exports.genPresets = genPresets;
+exports.genPresets = genPresets;
+function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
+  const keys = [];
+  function dig(list) {
+    (list || []).forEach((item, index) => {
+      keys.push(getRowKey(item, index));
+      dig(item[childrenColumnName]);
+    });
+  }
+  dig(data);
+  return keys;
+}