es-grid-template 1.8.64 → 1.8.65

package/lib/grid-component/table/Group.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { ColumnsTable, GridTableProps } from "../type";
-import type { GetRowKey } from "../type";
-type Props<T> = GridTableProps<T> & {
-    tableRef: any;
-    triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
-    triggerChangeData?: (newData: T[], type: string) => void;
-    getRowKey: GetRowKey<T>;
-    triggerGroupColumns?: (groupedColumns: string[]) => void;
-    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
-    triggerFilter?: (queries: any) => void;
-    setTooltipContent?: any;
-    scrollHeight?: number;
-    originData: T[];
-    mergedFilterKeys?: any;
-    setMergedFilterKeys?: any;
-    handleFullScreen?: any;
-    isFullScreen?: boolean;
-};
-declare const Group: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
-export default Group;

package/lib/grid-component/table/Group.js

@@ -1,204 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _GridStyle = require("../GridStyle");
-var _TableGrid = _interopRequireDefault(require("../TableGrid"));
-var _hooks = require("../hooks");
-var _ColumnsGroup = require("../ColumnsGroup/ColumnsGroup");
-var _columns = require("../hooks/columns");
-var _becoxyIcons = require("becoxy-icons");
-var _rcMasterUi = require("rc-master-ui");
-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; }
-const Group = props => {
-  const {
-    t,
-    id,
-    columns,
-    height,
-    scrollHeight,
-    style,
-    rowHoverable,
-    groupAble,
-    expandable,
-    dataSource,
-    rowKey,
-    getRowKey,
-    groupSetting,
-    groupColumns,
-    triggerGroupColumns,
-    onExpandClick,
-    isFullScreen,
-    ...rest
-  } = props;
-  const {
-    defaultExpandedRowKeys,
-    defaultExpandAllRows
-  } = expandable || {};
-  const childrenColumnName = 'children';
-  const [innerExpandedKeys, setInnerExpandedKeys] = _react.default.useState(() => {
-    if (defaultExpandedRowKeys) {
-      return defaultExpandedRowKeys;
-    }
-    if (defaultExpandAllRows) {
-      return (0, _hooks.findAllChildrenKeys)(dataSource, getRowKey, childrenColumnName) ?? [];
-    }
-    return [];
-  });
-  _react.default.useEffect(() => {
-    if (defaultExpandAllRows) {
-      setInnerExpandedKeys((0, _hooks.findAllChildrenKeys)(dataSource, getRowKey, childrenColumnName) ?? []);
-    } else {
-      if (defaultExpandedRowKeys) {
-        setInnerExpandedKeys(defaultExpandedRowKeys);
-      }
-    }
-  }, [defaultExpandedRowKeys, defaultExpandAllRows, dataSource]);
-  const mergedExpandedKeys = _react.default.useMemo(() => new Set(innerExpandedKeys || []), [innerExpandedKeys]);
-  const onTriggerExpand = _react.default.useCallback(record => {
-    const key = getRowKey(record, dataSource.indexOf(record));
-    let newExpandedKeys;
-    const hasKey = mergedExpandedKeys.has(key);
-    if (hasKey) {
-      mergedExpandedKeys.delete(key);
-      newExpandedKeys = [...mergedExpandedKeys];
-    } else {
-      newExpandedKeys = [...mergedExpandedKeys, key];
-      // gọi sự kiện expand
-
-      onExpandClick?.({
-        expandedKeys: newExpandedKeys,
-        key: key,
-        rowData: record
-      });
-    }
-    setInnerExpandedKeys(newExpandedKeys);
-  }, [getRowKey, dataSource, mergedExpandedKeys, onExpandClick]);
-  const handleExpandAllGroup = () => {
-    setInnerExpandedKeys((0, _hooks.findAllChildrenKeys)(dataSource, getRowKey, childrenColumnName) ?? []);
-  };
-  const handleCollapseAllGroup = () => {
-    setInnerExpandedKeys([]);
-  };
-  const handleOnGroup = value => {
-    triggerGroupColumns?.(value);
-  };
-  const groupToolbar = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '10px',
-        marginRight: 10
-      }
-    }, groupSetting?.showGroupIcon !== false && /*#__PURE__*/_react.default.createElement(_ColumnsGroup.ColumnsGroup, {
-      t: t
-      // defaultGroupColumns={['name']}
-      ,
-      unClearableLevel: groupSetting?.unClearableLevel
-      // unClearableLevel={2}
-      ,
-      columns: columns ? (0, _columns.flatColumns2)(columns) : [],
-      columnsGrouped: groupColumns,
-      onSubmit: handleOnGroup
-    }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, innerExpandedKeys.length > 0 ? /*#__PURE__*/_react.default.createElement(_becoxyIcons.Collapse2, {
-      fontSize: 16,
-      color: '#555555',
-      onClick: handleCollapseAllGroup
-    }) : /*#__PURE__*/_react.default.createElement(_becoxyIcons.Expand2, {
-      fontSize: 16,
-      color: '#555555',
-      onClick: handleExpandAllGroup
-    })));
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GridStyle.GridStyle, {
-    $heightTable: height,
-    $heightScroll: scrollHeight,
-    $isFullScreen: isFullScreen,
-    style: {
-      position: 'relative'
-    },
-    id: id
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.ConfigProvider, {
-    theme: {
-      components: {
-        Table: {
-          rowHoverBg: '#eb461912',
-          rowSelectedBg: '#eb4619',
-          rowSelectedHoverBg: '#eb4619',
-          cellFontSize: 12,
-          cellFontSizeSM: 13,
-          headerBg: '#ffffff',
-          cellPaddingBlockSM: 7
-        }
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
-    t: t,
-    id: id,
-    rowKey: rowKey,
-    columns: columns
-    // style={{...style, minHeight: height}}
-    ,
-    rowHoverable: rowHoverable ?? true,
-    dataSource: dataSource,
-    getRowKey: getRowKey,
-    groupAble: groupAble,
-    groupSetting: groupSetting,
-    expandable: {
-      expandIconColumnIndex: 3,
-      defaultExpandAllRows: true,
-      indentSize: 25,
-      expandIcon: args => {
-        const {
-          record,
-          expanded,
-          onExpand
-        } = args;
-        if (!groupColumns || groupColumns?.length === 0) {
-          return '';
-        }
-
-        // @ts-ignore
-        if ((record?.children || record?.isChildren) && groupColumns?.length > 0) {
-          return expanded ? /*#__PURE__*/_react.default.createElement("button", {
-            onClick: e => {
-              e.preventDefault();
-              e.stopPropagation();
-              onExpand(record, e);
-              if (groupAble) {
-                onTriggerExpand(record);
-              }
-            },
-            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);
-              if (groupAble) {
-                onTriggerExpand(record);
-              }
-            },
-            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
-          });
-        } else {
-          return /*#__PURE__*/_react.default.createElement("button", {
-            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-spaced'
-          });
-        }
-      },
-      expandedRowKeys: groupAble ? innerExpandedKeys : undefined,
-      ...expandable
-    },
-    groupToolbar: groupToolbar,
-    groupColumns: groupColumns,
-    isFullScreen: isFullScreen
-  })))));
-};
-var _default = exports.default = Group;

package/lib/grid-component/table/InfiniteTable.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { ColumnsTable, GetRowKey } from "../type";
-import type { TableProps } from "../type";
-type Props<T> = TableProps<T> & {
-    scrollHeight?: number;
-    tableRef: any;
-    triggerFilter?: (queries: any) => void;
-    triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
-    triggerChangeData?: (newData: T[], type: string) => void;
-    getRowKey: GetRowKey<T>;
-    triggerGroupColumns?: (groupedColumns: string[]) => void;
-    setTooltipContent?: any;
-    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
-    isFilter?: boolean;
-    setIsFilter?: React.Dispatch<React.SetStateAction<boolean>>;
-    originData: T[];
-    mergedFilterKeys?: any;
-    setMergedFilterKeys?: any;
-    handleFullScreen?: any;
-    isFullScreen?: boolean;
-};
-declare const InfiniteTable: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
-export default InfiniteTable;

package/lib/grid-component/table/InfiniteTable.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _GridStyle = require("../GridStyle");
-var _rcMasterUi = require("rc-master-ui");
-var _TableGrid = _interopRequireDefault(require("../TableGrid"));
-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; }
-// type Props = {
-//   columns: any[]
-//   data: any[]
-//   currentPage: number
-//   pageSize: number
-//   total: number
-//   loading?: boolean
-//   next?: () => void
-// }
-
-const InfiniteTable = props => {
-  const {
-    next,
-    loading
-  } = props;
-  const {
-    id,
-    height,
-    scrollHeight,
-    rowHoverable,
-    pagination,
-    dataSource,
-    isFullScreen,
-    ...rest
-  } = props;
-  const {
-    currentPage,
-    pageSize,
-    total
-  } = pagination ?? {};
-  const loadingRef = (0, _react.useRef)(false);
-  const hasMoreRef = (0, _react.useRef)(true);
-  const loadData = page => {
-    if (!hasMoreRef.current || loadingRef.current || loading) return;
-    loadingRef.current = true;
-    setTimeout(() => {
-      next?.();
-      if (page * pageSize >= total) {
-        hasMoreRef.current = false;
-      }
-      loadingRef.current = false;
-    }, 10);
-  };
-  const handleNext = () => {
-    loadData(currentPage + 1);
-  };
-  const handleScroll = e => {
-    if (loadingRef.current || loading || dataSource?.length === 0) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    const {
-      scrollHeight: tbScrollHeight,
-      scrollTop,
-      clientHeight
-    } = e.currentTarget;
-    const isEnd = scrollTop + clientHeight >= tbScrollHeight - 50;
-    if (isEnd && !loadingRef.current && hasMoreRef.current && dataSource?.length > 0) {
-      handleNext();
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GridStyle.GridStyle, {
-    $heightTable: height,
-    $heightScroll: scrollHeight,
-    $isFullScreen: isFullScreen,
-    style: {
-      position: 'relative'
-    },
-    id: id
-  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.ConfigProvider, {
-    theme: {
-      components: {
-        Table: {
-          rowHoverBg: '#eb461912',
-          rowSelectedBg: '#eb4619',
-          rowSelectedHoverBg: '#eb4619',
-          cellFontSize: 12,
-          cellFontSizeSM: 13,
-          headerBg: '#ffffff',
-          cellPaddingBlockSM: 7
-        }
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
-    id: id,
-    dataSource: dataSource,
-    pagination: false,
-    virtualRow: true,
-    onScroll: handleScroll,
-    loading: loading,
-    isFullScreen: isFullScreen
-  })))));
-};
-var _default = exports.default = InfiniteTable;