es-grid-template 1.9.59 → 1.9.60

package/es/ali-table/assets/WebsiteBaseTable.js

@@ -3,15 +3,19 @@ import cx from 'classnames';
 import React from 'react';
 import styled from 'styled-components';
 import { BaseTable } from "../base-table/table";
+// import { BaseTable } from 'ali-react-table'
+
 const DarkSupportBaseTable = styled(BaseTable).withConfig({
   displayName: "DarkSupportBaseTable",
   componentId: "es-grid-template__sc-4ltmbz-0"
 })(["", ";&.dark{--bgcolor:#343e59;--footer-bgcolor:#2e3342;--header-bgcolor:#343e59;--hover-bgcolor:#232b43;--header-hover-bgcolor:#606164;--highlight-bgcolor:#eff2f5;--header-highlight-bgcolor:#191a1b;--color:#dadde1;--header-color:#dadde1;--lock-shadow:rgb(37 37 37 / 0.5) 0 0 6px 2px;--border-color:#5d5f61;}"], props => props.css);
 export const WebsiteBaseTable = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const isDarkTheme = props.theme?.theme === 'dark';
+  const isDarkTheme = false;
   return /*#__PURE__*/React.createElement(DarkSupportBaseTable, _extends({
-    ref: ref,
-    theme: props.theme,
+    ref: ref
+    // theme={props.theme}
+    ,
+
     className: cx({
       dark: isDarkTheme
     }, props.className)

package/es/ali-table/base-table/calculations.js

@@ -2,7 +2,7 @@ import { collectNodes, isLeafNode } from "../utils";
 import { AUTO_VIRTUAL_THRESHOLD, OVERSCAN_SIZE, sum } from "./utils";
 function resolveVirtualEnabled(virtualEnum, defaultValue) {
   if (virtualEnum == null || virtualEnum === 'auto') {
-    return !!defaultValue;
+    return defaultValue;
   }
   return virtualEnum;
 }
@@ -10,24 +10,21 @@ let lockColumnNeedSpecifiedWidthWarned = false;
 function warnLockColumnNeedSpecifiedWidth(column) {
   if (!lockColumnNeedSpecifiedWidthWarned) {
     lockColumnNeedSpecifiedWidthWarned = true;
-    console.warn('[ali-react-table] lock=true The column must have a specified width', column);
+    console.warn('[ali-react-table] lock=true 的列需要指定宽度', column);
   }
 }
 let columnHiddenDeprecatedWarned = false;
 function warnColumnHiddenDeprecated(column) {
   if (!columnHiddenDeprecatedWarned) {
     columnHiddenDeprecatedWarned = true;
-    console.warn('[ali-react-table] `column.hidden` is deprecated. If you need to hide this column, please remove it from the `columns` array.', column);
+    console.warn('[ali-react-table] column.hidden 已经过时，如果需要隐藏该列，请将其从 columns 数组中移除', column);
   }
 }
 
-/**
- * Validate column configuration, set default widths,
- * and remove hidden columns
- */
+/** 检查列配置 & 设置默认宽度 & 剔除隐藏的列 */
 function processColumns(columns, defaultColumnWidth) {
-  if (columns === null || !Array.isArray(columns)) {
-    console.warn('[ali-react-table] `<BaseTable />` props.columns must be an array.', columns);
+  if (columns == null || !Array.isArray(columns)) {
+    console.warn('[ali-react-table] <BaseTable /> props.columns 需要传入一个数组', columns);
     // eslint-disable-next-line no-param-reassign
     columns = [];
   }
@@ -36,8 +33,8 @@ function processColumns(columns, defaultColumnWidth) {
   function dfs(columns) {
     const result = [];
     for (let column of columns) {
-      if (column.width === null) {
-        if (defaultColumnWidth !== null) {
+      if (column.width == null) {
+        if (defaultColumnWidth != null) {
           column = {
             ...column,
             width: defaultColumnWidth
@@ -48,15 +45,14 @@ function processColumns(columns, defaultColumnWidth) {
       }
       if (isLeafNode(column)) {
         if (column.hidden) {
-          // Hidden columns will be removed here
+          // 被隐藏的列 会在这里被剔除
           warnColumnHiddenDeprecated(column);
         } else {
           result.push(column);
         }
       } else {
         const nextChildren = dfs(column.children ?? []);
-        // If `nextChildren` is empty, it means all child nodes have been hidden.
-        // In this case, hide the parent node here as well.
+        // 如果 nextChildren 为空，说明所有的子节点均被隐藏了，在这里隐藏父节点
         if (nextChildren.length > 0) {
           result.push({
             ...column,
@@ -116,19 +112,22 @@ function getHorizontalRenderRange({
     }
   }
 
-  // Considering overscan, the middle columns need to render at least this much width
+  // 考虑 over scan 之后，中间部分的列至少需要渲染的宽度
   const minCenterRenderWidth = maxRenderWidth + (overscannedOffsetX - leftBlank) + 2 * OVERSCAN_SIZE;
   while (leftIndex + centerCount < flat.center.length) {
     const col = flat.center[leftIndex + centerCount];
-    if (col.width ?? 0 + centerRenderWidth < minCenterRenderWidth) {
-      centerRenderWidth += col.width ?? 0;
+    // @ts-ignore
+    if (col.width + centerRenderWidth < minCenterRenderWidth) {
+      // @ts-ignore
+      centerRenderWidth += col.width;
       centerCount += 1;
     } else {
       break;
     }
   }
   const rightBlankCount = flat.center.length - leftIndex - centerCount;
-  const rightBlank = sum(flat.center.slice(flat.center.length - rightBlankCount).map(col => col.width ?? 0));
+  // @ts-ignore
+  const rightBlank = sum(flat.center.slice(flat.center.length - rightBlankCount).map(col => col.width));
   return {
     leftIndex: leftIndex,
     leftBlank,
@@ -137,10 +136,8 @@ function getHorizontalRenderRange({
   };
 }
 
-// Perform a series of calculations to derive all the data required
-// for this table render (the code is a bit messy and has significant room for optimization).
-// TODO: Consider moving the header computation logic into this file as well.
-// There is likely some duplicated calculation logic at the moment.
+// 一顿计算，将表格本次渲染所需要的数据都给算出来（代码写得有点乱，有较大优化空间）
+// todo 可以考虑下将 header 部分的计算逻辑也放到这个文件中，目前应该有一些重复的计算逻辑
 export function calculateRenderInfo(table) {
   const {
     offsetX,
@@ -152,6 +149,7 @@ export function calculateRenderInfo(table) {
     dataSource: dataSourceProp,
     defaultColumnWidth
   } = table.props;
+  // @ts-ignore
   const columns = processColumns(columnsProp, defaultColumnWidth);
   const leftNestedLockCount = getLeftNestedLockCount(columns);
   const fullFlat = collectNodes(columns, 'leaf-only');
@@ -184,8 +182,11 @@ export function calculateRenderInfo(table) {
     const shouldEnableHozVirtual = fullFlat.length >= AUTO_VIRTUAL_THRESHOLD && fullFlat.every(col => col.width != null);
     const shouldEnableVerVirtual = dataSourceProp.length >= AUTO_VIRTUAL_THRESHOLD;
     useVirtual = {
+      // @ts-ignore
       horizontal: resolveVirtualEnabled(typeof useVirtualProp === 'object' ? useVirtualProp.horizontal : useVirtualProp, shouldEnableHozVirtual),
+      // @ts-ignore
       vertical: resolveVirtualEnabled(typeof useVirtualProp === 'object' ? useVirtualProp.vertical : useVirtualProp, shouldEnableVerVirtual),
+      // @ts-ignore
       header: resolveVirtualEnabled(typeof useVirtualProp === 'object' ? useVirtualProp.header : useVirtualProp, false)
     };
     flat = {

package/es/ali-table/base-table/cell/EditCell.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { Column } from "@tanstack/react-table";
+import type { ColumnTable, EditType, IFormat } from "../../../grid-component/type";
+interface EditableCellProps<DataType> extends React.HTMLAttributes<HTMLElement> {
+    t?: any;
+    dataIndex: string;
+    editType: EditType;
+    record: DataType;
+    format?: IFormat;
+    column: ColumnTable<DataType>;
+    indexRow: number;
+    indexCol: number;
+    cellEditing?: any;
+    visibleColumns?: Column<DataType>[];
+    handleNextCell?: () => void;
+    control?: any;
+    getValues?: any;
+    errors?: any;
+    rowKey?: any;
+    startCell?: any;
+    handleCellChange?: any;
+    tableId: string;
+    onSubmit: any;
+    handleSubmit: any;
+}
+declare const EditCell: <T>(props: EditableCellProps<T>) => JSX.Element;
+export default EditCell;