es-grid-template 1.7.22 → 1.7.24

package/lib/table-component/body/TableBodyRow.d.ts

@@ -0,0 +1,21 @@
+import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
+import type { Column, Row, Table } from "@tanstack/react-table";
+import type { CommandClick } from "../type";
+import React from "react";
+interface TableBodyRowProps<T> {
+    tableId: string;
+    table: Table<T>;
+    columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
+    row: Row<T>;
+    rowVirtualizer: Virtualizer<HTMLDivElement, HTMLTableRowElement>;
+    virtualPaddingLeft: number | undefined;
+    virtualPaddingRight: number | undefined;
+    virtualRow: VirtualItem;
+    fixedLeftColumns: Column<T, unknown>[];
+    fixedRightColumns: Column<T, unknown>[];
+    commandClick?: (args: CommandClick) => void;
+    editAble?: boolean;
+    [key: string]: any;
+}
+declare const TableBodyRow: <RecordType extends object>({ tableId, table, columnVirtualizer, row, rowVirtualizer, virtualPaddingLeft, virtualPaddingRight, virtualRow, fixedLeftColumns, fixedRightColumns, commandClick, editAble, isEditing, contextMenuItems, ...rest }: TableBodyRowProps<RecordType>) => React.JSX.Element;
+export default TableBodyRow;

package/lib/table-component/body/TableBodyRow.js

@@ -0,0 +1,153 @@
+"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 _TableBodyCell = _interopRequireDefault(require("./TableBodyCell"));
+var _TableBodyCellEdit = _interopRequireDefault(require("./TableBodyCellEdit"));
+var _react = _interopRequireDefault(require("react"));
+var _useContext = require("../useContext");
+var _classnames = _interopRequireDefault(require("classnames"));
+const TableBodyRow = ({
+  tableId,
+  table,
+  columnVirtualizer,
+  row,
+  rowVirtualizer,
+  virtualPaddingLeft,
+  virtualPaddingRight,
+  virtualRow,
+  fixedLeftColumns,
+  fixedRightColumns,
+  commandClick,
+  editAble,
+  isEditing,
+  contextMenuItems,
+  ...rest
+}) => {
+  const {
+    prefix,
+    recordDoubleClick,
+    onContextMenu
+  } = _react.default.useContext(_useContext.TableContext);
+  const visibleCells = row.getVisibleCells();
+  const virtualColumns = columnVirtualizer.getVirtualItems();
+
+  // table.options.set
+
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    "data-index": virtualRow.index //needed for dynamic row height measurement
+    ,
+    ref: node => rowVirtualizer.measureElement(node) //measure dynamic row height
+    ,
+    key: row.id
+
+    // className={} ui-rc-table-row-selected
+    ,
+    className: (0, _classnames.default)(`${prefix}-grid-row`, {
+      [`${prefix}-grid-row-selected`]: row.getIsSelected()
+    }),
+    style: {
+      // display: 'flex',
+      // position: 'absolute',
+      transform: `translateY(${virtualRow.start}px)`,
+      //this should always be a `style` as it changes on scroll
+      // width: '100%',
+      // height: isEditing ? '36px' : undefined,
+      height: isEditing ? virtualRow.size : undefined,
+      minHeight: isEditing ? undefined : virtualRow.size
+    },
+    onDoubleClick: e => {
+      recordDoubleClick?.({
+        e,
+        rowData: row.original,
+        rowIndex: row.index
+      });
+    },
+    onContextMenu: e => {
+      if (contextMenuItems && contextMenuItems.length) {
+        onContextMenu?.(row.original)(e);
+      }
+    }
+
+    // onContextMenu={onContextMenu(row.original)}
+  }, fixedLeftColumns.length > 0 ? fixedLeftColumns.map(column => {
+    const cell = row.getVisibleCells().find(c => c.column.id === column.id);
+    if (editAble) {
+      return /*#__PURE__*/_react.default.createElement(_TableBodyCellEdit.default, (0, _extends2.default)({}, rest, {
+        table: table,
+        tableId: tableId,
+        key: cell.id,
+        cell: cell,
+        commandClick: commandClick,
+        isEditing: isEditing,
+        rowVirtualizer: rowVirtualizer,
+        columnVirtualizer: columnVirtualizer
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: column.id,
+      table: table,
+      cell: row.getVisibleCells().find(c => c.column.id === column.id),
+      commandClick: commandClick
+    });
+  }) : null, virtualPaddingLeft ? /*#__PURE__*/_react.default.createElement("td", {
+    className: "",
+    style: {
+      display: "flex",
+      width: virtualPaddingLeft
+    }
+  }) : null, virtualColumns.map(vc => {
+    const cell = visibleCells[vc.index];
+    const isFixed = table.getState().columnPinning.left?.includes(cell.column.id) || table.getState().columnPinning.right?.includes(cell.column.id);
+    if (cell && !isFixed) {
+      if (editAble) {
+        return /*#__PURE__*/_react.default.createElement(_TableBodyCellEdit.default, (0, _extends2.default)({}, rest, {
+          table: table,
+          key: cell.id,
+          tableId: tableId,
+          cell: cell,
+          commandClick: commandClick,
+          isEditing: isEditing,
+          rowVirtualizer: rowVirtualizer,
+          columnVirtualizer: columnVirtualizer
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+        table: table,
+        key: cell.id,
+        cell: cell,
+        commandClick: commandClick
+      });
+    }
+  }), fixedRightColumns.length > 0 ? fixedRightColumns.map(column => {
+    if (editAble) {
+      return /*#__PURE__*/_react.default.createElement(_TableBodyCellEdit.default, (0, _extends2.default)({}, rest, {
+        table: table,
+        key: column.id,
+        tableId: tableId,
+        cell: row.getVisibleCells().find(c => c.column.id === column.id),
+        commandClick: commandClick,
+        isEditing: isEditing,
+        rowVirtualizer: rowVirtualizer,
+        columnVirtualizer: columnVirtualizer
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: column.id,
+      table: table,
+      cell: row.getVisibleCells().find(c => c.column.id === column.id),
+      commandClick: commandClick
+    });
+  }) : null, virtualPaddingRight ? /*#__PURE__*/_react.default.createElement("td", {
+    className: "",
+    style: {
+      display: "flex",
+      width: virtualPaddingRight
+    }
+  }) : null);
+};
+var _default = exports.default = TableBodyRow;

package/lib/table-component/components/ControlCheckbox.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { ColumnTable } from "../type";
+type Props = {
+    column: ColumnTable;
+    record?: any;
+    rowIndex: number;
+    colIndex: number;
+    checkValue: any;
+    checked: boolean;
+    editAble?: boolean;
+};
+declare const ControlCheckbox: (props: Props) => React.JSX.Element;
+export default ControlCheckbox;

package/lib/table-component/components/ControlCheckbox.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _rcMasterUi = require("rc-master-ui");
+var _useContext = require("../useContext");
+var _utils = require("../hook/utils");
+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 ControlCheckbox = props => {
+  const {
+    column,
+    record,
+    rowIndex,
+    colIndex,
+    checkValue,
+    editAble,
+    checked
+  } = props;
+  const {
+    handleCellChange,
+    rowKey
+  } = (0, _react.useContext)(_useContext.TableContext);
+
+  // const isEdit  =  getEditType(column, record)
+
+  const isEdit = _react.default.useMemo(() => {
+    return (0, _utils.isEditable)(column, record);
+  }, [column, record]);
+
+  // const [isHover, setIsHover] = useState(false)
+
+  const inputNode = value => {
+    return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Checkbox, {
+      checked: Boolean(value),
+      defaultChecked: Boolean(checked)
+      // style={{ textAlign: column.align ?? 'left' }}
+      ,
+      onChange: val => {
+        const newVal = typeof checkValue === "number" ? (0, _utils.parseBooleanToValue)(val.target.checked, typeof value) : val.target.checked;
+
+        // onChange(newVal)
+
+        const key = record[rowKey];
+        // const formState = getValues()
+
+        handleCellChange?.({
+          key: key,
+          // @ts-ignore
+          record: {
+            ...record,
+            [column.field]: newVal
+          },
+          option: value,
+          prevState: value,
+          newState: newVal,
+          field: column.field,
+          indexCol: colIndex,
+          indexRow: rowIndex,
+          type: 'blur'
+        });
+      },
+      disabled: (0, _utils.isDisable)(column, record) ?? false
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    // onMouseEnter={() => {
+    //   setIsHover(true)
+    // }}
+    //
+    // onMouseLeave={() => {
+    //   setIsHover(false)
+    // }}
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: column.align ?? 'center',
+      paddingInline: 5,
+      height: '100%',
+      width: '100%'
+    }
+  }, editAble && isEdit !== false ? inputNode(checkValue) : /*#__PURE__*/_react.default.createElement(_rcMasterUi.Checkbox, {
+    checked: checked,
+    onChange: e => {
+      e.preventDefault();
+    },
+    style: {
+      textAlign: column.align ?? 'left'
+    }
+  }));
+};
+var _default = exports.default = ControlCheckbox;

package/lib/table-component/components/EditForm/EditForm.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+type Props = {
+    id?: string;
+    externalClick?: any;
+    menuPortalTarget?: any;
+    value: any;
+    onChange: (props: any) => void;
+    filterKey?: string;
+    customRender?: any;
+    filterHeaderKey?: string;
+    placeholder?: string;
+    invalid?: any;
+    menuHeight?: number;
+    menuWidth?: number;
+    classNamePrefix?: string;
+    cellFocus?: boolean;
+    t?: any;
+    column: any;
+    fieldKey?: any;
+    rowData: any;
+    indexRow: any;
+    template?: any;
+    onKeyDown?: (event: any) => void;
+};
+export declare const SelectStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditForm: (props: Props) => React.JSX.Element;
+export {};