es-grid-template 1.1.5 → 1.1.7

package/lib/grid-component/TableGrid.js

@@ -23,21 +23,6 @@ var _ColumnsChoose = require("./ColumnsChoose");
 var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
 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 type {CheckboxProps} from "rc-master-ui";
-
-// import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
-// import { devUseWarning } from '../../_util/warning';
-// import { arrAdd, arrDel } from 'rc-tree/lib/util';
-
-// import {useMergedState} from "rc-util";
-
-// import {convertDataToEntities} from "rc-tree/lib/utils/treeUtil";
-// import type {DataNode} from "rc-tree/lib/interface";
-// import {devUseWarning} from "antd/es/_util/warning";
-// import type {GetCheckDisabled} from "rc-tree/es/interface";
-// import useLazyKVMap from "antd/es/table/hooks/useLazyKVMap";
-// import useMultipleSelect from "rc-master-ui/es/_util/hooks/useMultipleSelect";
-
 const convertFilters = filters => {
   const result = [];
   filters.forEach(({
@@ -105,26 +90,14 @@ const useStyle = (0, _antdStyle.createStyles)(({
 // type OnChange = NonNullable<TableProps<any>['onChange']>;
 
 const EMPTY_LIST = [];
-
-// const flattenData = <RecordType extends AnyObject = AnyObject>(
-//   childrenColumnName: keyof RecordType,
-//   data?: RecordType[],
-// ): RecordType[] => {
-//   let list: RecordType[] = [];
-//   (data || []).forEach((record) => {
-//     list.push(record);
-//     if (record && typeof record === 'object' && childrenColumnName in record) {
-//       list = [...list, ...flattenData<RecordType>(childrenColumnName, record[childrenColumnName])];
-//     }
-//   });
-//   return list;
-// };
-
 const TableGrid = props => {
   const {
     columns,
     tableRef,
     dataSource,
+    locale,
+    expandable,
+    // mergedData,
     title,
     format,
     virtual = true,
@@ -142,7 +115,7 @@ const TableGrid = props => {
     selectionSettings,
     rowSelection,
     rowSelected,
-    rowKey,
+    rowKey = 'id',
     pagination,
     scroll,
     onFilterClick,
@@ -150,7 +123,7 @@ const TableGrid = props => {
     loading,
     triggerChangeColumns,
     summary,
-    getRowKey,
+    showToolbar,
     onSorter,
     ...rest
   } = props;
@@ -160,18 +133,22 @@ const TableGrid = props => {
   const {
     mode,
     type,
-    // checkboxOnly,
+    checkboxOnly,
     hideSelectAll,
     columnWidth,
     selectedRowKeys,
     defaultSelectedRowKeys
-    // getCheckboxProps,
-    // checkStrictly = true
   } = selectionSettings || {};
   const clickRef = (0, _react.useRef)(null);
   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({
@@ -181,10 +158,15 @@ const TableGrid = props => {
     viewportHeight
   });
 
+  // const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>(defaultSelected);
+
   // ========================= Keys =========================
   const [mergedSelectedKeys, setMergedSelectedKeys] = (0, _useMergedState.default)(selectedRowKeys || defaultSelectedRowKeys || EMPTY_LIST, {
     value: selectedRowKeys
   });
+
+  // Reset if rowSelection reset
+
   _react.default.useEffect(() => {
     if (!selectionSettings) {
       setMergedSelectedKeys(EMPTY_LIST);
@@ -257,6 +239,19 @@ const TableGrid = props => {
       });
     }
   };
+  const handleRowClick = () => () => {
+    // const key = getRowKey(record, index);
+
+    if (checkboxOnly !== true) {
+      if (type === 'single') {}
+    }
+    if (clickRef.current) return;
+
+    // @ts-ignore
+    clickRef.current = setTimeout(() => {
+      clickRef.current = null;
+    }, 250);
+  };
   const handleRowDoubleClick = (record, index) => e => {
     if (clickRef.current) {
       clearTimeout(clickRef.current);
@@ -288,7 +283,7 @@ const TableGrid = props => {
         // @ts-ignore
         setMergedSelectedKeys(keys);
         rowSelected?.({
-          selected: [selectedRow],
+          selected: selectedRows,
           type: 'rowSelected',
           rowData: selectedRow
         });
@@ -297,8 +292,6 @@ const TableGrid = props => {
   };
   const handleChange = sorter => {
     onSorter?.(sorter);
-    // setFilteredInfo(filters);
-    // setSortedInfo(sorter as Sorts);
   };
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
     theme: {
@@ -319,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)
@@ -328,7 +329,7 @@ const TableGrid = props => {
     // className={styles.customTable}
     ,
     className: (0, _classnames.default)(className, {
-      'table-none-column-select': mode === undefined && type !== 'multiple'
+      'table-none-column-select': selectionSettings?.mode === undefined && selectionSettings?.type !== 'multiple'
     }, styles.customTable),
     bordered: true,
     virtual: virtual,
@@ -342,18 +343,17 @@ const TableGrid = props => {
     onRow: (data, index) => {
       return {
         onDoubleClick: handleRowDoubleClick(data, index),
-        // onClick: handleRowClick(data, index),
+        // onClick: handleRowClick,
+        onClick: handleRowClick(),
         onContextMenu: onContextMenu(data)
       };
     },
     rowSelection: {
       ...selectionSettings,
-      type: mode === 'checkbox' || type === 'multiple' ? 'checkbox' : "radio",
+      type: selectionSettings?.mode === 'checkbox' || type === 'multiple' ? 'checkbox' : "radio",
       columnWidth: !mode ? 0.0000001 : columnWidth ?? 50,
       onChange: onSelectChange,
       // selectedRowKeys: mode === 'checkbox' && type === 'single' ? selectedRowKeys : undefined,
-      // selectedRowKeys: mode === 'checkbox' && type === 'single' ? mergedSelectedKeys : undefined,
-
       selectedRowKeys: mergedSelectedKeys,
       defaultSelectedRowKeys: selectionSettings?.defaultSelectedRowKeys,
       preserveSelectedRowKeys: true,
@@ -404,43 +404,80 @@ const TableGrid = props => {
       onFilter?.(convertFilters(val));
     },
     onChange: (paging, filters, sorter) => handleChange(sorter),
-    title: () => {
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, title?.(dataSource)), (toolbarItems || showColumnChoose !== false) && /*#__PURE__*/_react.default.createElement("div", {
+    title: showToolbar === false ? undefined : () => {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, title?.(dataSource)), /*#__PURE__*/_react.default.createElement("div", {
         style: {
           display: 'flex',
-          justifyContent: 'space-between'
+          justifyContent: 'space-between',
+          alignItems: 'center'
         }
-      }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar, {
+      }, toolbarItems && toolbarItems?.length > 0 && /*#__PURE__*/_react.default.createElement(_rcMasterUi.Toolbar
+      // @ts-ignore
+      , {
         style: {
-          width: '100%'
+          width: `calc(100% - 650px`
         },
         items: toolbarItems ?? [],
-        mode: 'responsive'
-        // mode={'scroll'}
-        // onClick={(val: any) => {
-        // }}
-      }), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
+        mode: 'scroll'
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center'
+        }
+      }, pagination && pagination.onChange && pagination?.position && pagination?.position[0] === 'topRight' && /*#__PURE__*/_react.default.createElement(_pagination.default, (0, _extends2.default)({
+        showSizeChanger: true,
+        responsive: true,
+        size: 'small',
+        rootClassName: 'top-pagination'
+        // @ts-ignore
+        ,
+        showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} ${t ? t(pagination?.locale?.items ?? 'items') : 'items'}`
+      }, pagination)), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
         columns: columns,
         t: t,
         triggerChangeColumns: triggerChangeColumns
-      }), /*#__PURE__*/_react.default.createElement("div", null)));
-    }
+      }))));
+    },
+    expandable: {
+      expandIconColumnIndex: 3,
+      defaultExpandAllRows: true,
+      indentSize: 25,
+      ...expandable,
+      expandIcon: args => {
+        const {
+          record,
+          expanded,
+          onExpand
+        } = args;
 
-    // rowClassName={(record) => (selectionSettings?.getCheckboxProps(record).disabled ? "row-disabled" : "")}
-    ,
-    rowClassName: record => {
-      const originalOnCell = selectionSettings?.getCheckboxProps?.(record) || {};
-      return originalOnCell.disabled ? 'row-disabled' : '';
+        // @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 && /*#__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,
     responsive: true,
-    size: 'small'
-    // @ts-ignore
-    ,
-    showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} ${t ? t(pagination?.locale?.items ?? 'items') : 'items'}`
+    size: 'small',
+    showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} items`
   }, pagination))));
 };
 var _default = exports.default = TableGrid;

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

@@ -16,29 +16,29 @@ const numberOperator = exports.numberOperator = [{
   key: '>'
 }, {
   value: 'greaterthanorequal',
-  label: 'Greater than or equal',
+  label: 'Greater Than or Equal',
   key: '>='
 }, {
   value: 'lessthan',
-  label: 'Less than',
+  label: 'Less Than',
   key: '<'
 }, {
   value: 'lessthanorequal',
-  label: 'Less than or equal',
+  label: 'Less Than Or Equal',
   key: '<='
 }, {
   value: 'notequal',
-  label: 'Not equal',
+  label: 'Not Equal',
   key: '!='
 }];
 const stringOperator = exports.stringOperator = [{
   value: 'startswith',
   key: '_=',
-  label: 'Starts with'
+  label: 'Starts With'
 }, {
   value: 'endswith',
   key: '|=',
-  label: 'Ends with'
+  label: 'Ends With'
 }, {
   value: 'contains',
   key: '~=',
@@ -50,7 +50,7 @@ const stringOperator = exports.stringOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not equal'
+  label: 'Not Equal'
 }];
 const dateOperator = exports.dateOperator = [{
   value: 'equal',
@@ -59,15 +59,15 @@ const dateOperator = exports.dateOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not equal'
+  label: 'Not Equal'
 }, {
   value: 'greaterthan',
   key: '>',
-  label: 'Greater than'
+  label: 'Greater Than'
 }, {
   value: 'lessthan',
   key: '<',
-  label: 'Less than'
+  label: 'Less Than'
 }];
 const dateTimeOperator = exports.dateTimeOperator = [{
   value: 'equal',
@@ -76,15 +76,15 @@ const dateTimeOperator = exports.dateTimeOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not equal'
+  label: 'Not Equal'
 }, {
   value: 'greaterthan',
   key: '>',
-  label: 'Greater than'
+  label: 'Greater Than'
 }, {
   value: 'lessthan',
   key: '<',
-  label: 'Less than'
+  label: 'Less Than'
 }];
 const booleanOperator = exports.booleanOperator = [{
   value: 'equal',
@@ -93,7 +93,7 @@ const booleanOperator = exports.booleanOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not equal'
+  label: 'Not Equal'
 }];
 const translateOption = (options, t) => {
   if (!t) {

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,11 +105,11 @@ 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 = 'DD/MM/YYYY';
-  const find = dataSourceFilter?.find(it => it.key === (column?.field || column.dataIndex));
+  const dateRangeFormat = (0, _utils.getDatepickerFormat)(column?.type, column) ?? 'DD/MM/YYYY';
+  const find = dataSourceFilter?.find(it => it.key === column?.key);
   const options = find ? find.data : [];
   switch (type) {
     case 'Number':
@@ -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;
@@ -194,12 +194,13 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
         format: {
           format: dateRangeFormat,
           type: 'mask'
-        },
-        locale: buddhistLocale
+        }
         // 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
         },
@@ -350,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] : []);
@@ -408,18 +413,15 @@ 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
-        // options={[]}
-        ,
+        options: options,
         filterMultiple: true,
         open: visible,
         searchValue: searchValue,
@@ -430,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;
+}