@arim-aisdc/public-components 0.0.1 → 0.0.3

package/dist/Foo/index.less

@@ -1,3 +1,3 @@
-.title {
-  color: @globalColor;
-}
+.title {
+  color: @globalColor1;
+}

package/dist/TableMax/TableBody/Row.js

@@ -10,7 +10,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// import { layoutContext } from '@/layouts';
 import { flexRender } from '@tanstack/react-table';
 import { useEffect, useRef } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
@@ -40,7 +39,7 @@ var Row = function Row(_ref) {
     rowStyle = _ref.rowStyle,
     getCellProps = _ref.getCellProps,
     editting = _ref.editting,
-    edittingRowStatus = _ref.edittingRowStatus,
+    rowEditing = _ref.rowEditing,
     renderSubComponent = _ref.renderSubComponent,
     selectedRowDragging = _ref.selectedRowDragging,
     setSelectedRowDragging = _ref.setSelectedRowDragging,
@@ -51,9 +50,10 @@ var Row = function Row(_ref) {
     rowHeight = _ref.rowHeight,
     disableDragRowIds = _ref.disableDragRowIds,
     selectRowWhenClick = _ref.selectRowWhenClick,
-    hasVerticalScrollBar = _ref.hasVerticalScrollBar;
-  // const { theme } = useContext(layoutContext);
-  var theme = 'light';
+    hasVerticalScrollBar = _ref.hasVerticalScrollBar,
+    handleEditRowWhenDClick = _ref.handleEditRowWhenDClick,
+    canEditRowWhenDClick = _ref.canEditRowWhenDClick,
+    theme = _ref.theme;
   var timerRef = useRef();
   var _useDrop = useDrop({
       accept: 'TABLE_ROW',
@@ -122,9 +122,10 @@ var Row = function Row(_ref) {
     setSelectedRowDragging && row.getIsSelected() && setSelectedRowDragging(isDragging);
   }, [isDragging, row.getIsSelected()]);
   var rowClickHandler = function rowClickHandler(evt) {
-    // 触发单击事件
+    // 触发单击回调
     onRowMouseClick === null || onRowMouseClick === void 0 || onRowMouseClick(row);
     if (!selectRowWhenClick) {
+      // 如果配置了selectRowWhenClick这个props，单击时不选中
       return;
     }
     if (canSelection) {
@@ -140,8 +141,8 @@ var Row = function Row(_ref) {
   var rowClickOrDoubleClick = function rowClickOrDoubleClick(e) {
     // console.log('rowClickOrDoubleClick');
     if (editting) return;
-    if (onRowMouseDoubleClick) {
-      // 监听了双击事件
+    if (onRowMouseDoubleClick || canEditRowWhenDClick) {
+      // 监听了双击事件 | 双击可以编辑行
       if (!timerRef.current) {
         timerRef.current = setTimeout(function () {
           rowClickHandler(e);
@@ -151,7 +152,8 @@ var Row = function Row(_ref) {
       } else {
         clearTimeout(timerRef.current);
         timerRef.current = undefined;
-        onRowMouseDoubleClick(row);
+        onRowMouseDoubleClick === null || onRowMouseDoubleClick === void 0 || onRowMouseDoubleClick(row);
+        canEditRowWhenDClick && handleEditRowWhenDClick(row);
       }
     } else {
       // 没有监听双击事件，直接触发单击逻辑
@@ -167,6 +169,7 @@ var Row = function Row(_ref) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("tr", {
       // ref={canRowDrag && !editting ? dropRef : null}
+      id: rowEditing ? "".concat(tableId, "-tbody-tr-editing") : undefined,
       ref: function ref(node) {
         dropRef(node && !editting ? node : null);
         dragRef(node && canRowDrag && !editting && !disableDragRowIds.includes(row.id) ? node : null);
@@ -178,19 +181,20 @@ var Row = function Row(_ref) {
       onClick: rowClickOrDoubleClick,
       onMouseEnter: rowMouseEnter,
       onMouseLeave: rowMouseLeave,
-      className: "\n      'tbody-tr' ".concat(String(row.id) === String(rowSelectedId) || row.getIsSelected() ? "tbody-tr-selected tbody-tr-selected" : '', " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
-        return "".concat(item);
+      className: "tbody-tr ".concat(String(row.id) === String(rowSelectedId) || row.getIsSelected() ? 'tbody-tr-selected' : '', " ").concat((rowClassName === null || rowClassName === void 0 ? void 0 : rowClassName(row).map(function (item) {
+        return "".concat(item, "-").concat(theme);
       }).join(' ')) || ''),
       children: (_row = row["getVisibleCells"]) === null || _row === void 0 ? void 0 : _row.call(row).map(function (cell, idx) {
         var _cell$column$columnDe = cell.column.columnDef,
-          editable = _cell$column$columnDe.editable,
+          columnEditable = _cell$column$columnDe.editable,
           required = _cell$column$columnDe.required,
           accessorKey = _cell$column$columnDe.accessorKey,
           header = _cell$column$columnDe.header,
           columnClassName = _cell$column$columnDe.columnClassName;
-        var editStatus = edittingRowStatus && editable;
+        // 当前列是否编辑中
+        var columnEditing = rowEditing && columnEditable;
         return /*#__PURE__*/_jsx("td", _objectSpread(_objectSpread({
-          className: "".concat(editStatus ? 'tbody-tr-td-editting' : '', " tbody-tr-td ").concat(columnClassName ? columnClassName.join(' ') : '', " ").concat((cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(cell).map(function (item) {
+          className: "".concat(columnEditing ? 'tbody-tr-td-editting' : '', " ").concat(columnClassName ? columnClassName.join(' ') : '', " ").concat((cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(cell).map(function (item) {
             return "".concat(item, "-").concat(theme);
           })) || '', " tbody-tr-td"),
           style: _objectSpread({
@@ -198,7 +202,7 @@ var Row = function Row(_ref) {
           }, getPinningStyle(cell, table, false))
         }, getCellProps === null || getCellProps === void 0 ? void 0 : getCellProps(cell.getContext())), {}, {
           children: EditableCell(_objectSpread(_objectSpread({}, cell.column.columnDef), {}, {
-            editing: editStatus,
+            editing: columnEditing,
             dataIndex: accessorKey,
             title: header,
             children: flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -206,7 +210,7 @@ var Row = function Row(_ref) {
         }), cell.id);
       })
     }), row.getIsExpanded() && /*#__PURE__*/_jsx("tr", {
-      className: 'tbody-tr-subrow',
+      className: "tbody-tr-subrow",
       children: /*#__PURE__*/_jsx("td", {
         colSpan: (_row2 = row["getVisibleCells"]) === null || _row2 === void 0 ? void 0 : _row2.call(row).length,
         style: {
@@ -214,7 +218,7 @@ var Row = function Row(_ref) {
         },
         children: tableContainerWidth && /*#__PURE__*/_jsx("div", {
           id: "".concat(tableId, "_expand-table"),
-          className: 'subRowWrapper'
+          className: "subRowWrapper"
           // 减去10，避免被父表滚动条覆盖
           ,
           style: {

package/dist/TableMax/TableBody/index.js

@@ -1,14 +1,23 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Spin } from 'antd';
+// import { useVirtualizer } from "@tanstack/react-virtual";
+import { useDrop } from 'react-dnd';
 import { CustomDragLayer } from "../components/CustomDragerLayer";
+// import RowContent from "../components/RowContent";
 import "./index.less";
 import Row from "./Row";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TableBody = function TableBody(_ref) {
   var _headerGroups;
   var table = _ref.table,
     tableId = _ref.tableId,
+    theme = _ref.theme,
     reorderRow = _ref.reorderRow,
     rowSelectedId = _ref.rowSelectedId,
     setRowSelectedId = _ref.setRowSelectedId,
@@ -35,8 +44,6 @@ var TableBody = function TableBody(_ref) {
     rowStyle = _ref.rowStyle,
     getCellProps = _ref.getCellProps,
     rowHeight = _ref.rowHeight,
-    editting = _ref.editting,
-    selectEditKey = _ref.selectEditKey,
     renderSubComponent = _ref.renderSubComponent,
     isAllRowExpanded = _ref.isAllRowExpanded,
     onRowMouseEnter = _ref.onRowMouseEnter,
@@ -49,12 +56,12 @@ var TableBody = function TableBody(_ref) {
     selectRowWhenClick = _ref.selectRowWhenClick,
     hasVerticalScrollBar = _ref.hasVerticalScrollBar,
     datas = _ref.datas,
-    emptyDataHeight = _ref.emptyDataHeight;
+    emptyDataHeight = _ref.emptyDataHeight,
+    canEditRowWhenDClick = _ref.canEditRowWhenDClick,
+    editingRowId = _ref.editingRowId,
+    handleEditRowWhenDClick = _ref.handleEditRowWhenDClick;
   // const tbodyRef = useRef<any>(null);
   // const theadRef = useRef<any>(null);
-  // const { theme } = useContext(layoutContext);
-  var _dark = 'dark',
-    theme = _dark.theme;
   var headerGroups = table.getHeaderGroups();
 
   // const { rows } = table.getRowModel();
@@ -144,25 +151,47 @@ var TableBody = function TableBody(_ref) {
 
   // console.log('object', rowVirtualizer.getVirtualItems(), rows);
 
+  var _useDrop = useDrop({
+      accept: 'TABLE_ROW',
+      drop: function drop(formDatas, monitor) {
+        return reorderRow === null || reorderRow === void 0 ? void 0 : reorderRow(formDatas, {
+          hoverRow: {
+            index: 0
+          },
+          targetTableId: tableId
+        });
+        // return reorderRow?.(draggedRow, { ...row, tableId });
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    dropRef = _useDrop2[1];
+  var tbodyRender = function tbodyRender() {
+    if (!loading && datas.length !== 0) {
+      return TBodyContent();
+    }
+    return EmptyContent();
+  };
   var EmptyContent = function EmptyContent() {
     return /*#__PURE__*/_jsx("tr", {
-      className: 'empty-container',
+      className: "empty-container",
       style: {
         width: table.getTotalSize()
       },
       children: /*#__PURE__*/_jsx("td", {
-        className: 'empty-wapper',
+        className: "empty-wapper",
         style: {
           width: "".concat(tableContainerWidth - (hasVerticalScrollBar ? 10 : 0), "px"),
           height: emptyDataHeight
         },
-        children: loading ? /*#__PURE__*/_jsx(Spin, {}) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: loading ? /*#__PURE__*/_jsx(Spin, {}) : /*#__PURE__*/_jsxs("span", {
+          className: "empty-content",
+          ref: dropRef,
           children: [/*#__PURE__*/_jsx("img", {
-            className: 'empty-img',
+            className: "empty-img",
             src: "/images/data-empty-".concat(theme, ".png"),
             height: "60"
           }), /*#__PURE__*/_jsx("span", {
-            className: 'empty-text',
+            className: "empty-text",
             children: "\u6682\u65E0\u6570\u636E"
           })]
         })
@@ -171,12 +200,14 @@ var TableBody = function TableBody(_ref) {
   };
   var TBodyContent = function TBodyContent() {
     return table.getRowModel().rows.map(function (row) {
-      var edittingRowStatus = row.id == selectEditKey && editting;
+      // 当前行是否编辑中
+      var rowEditing = row.id === editingRowId;
       return /*#__PURE__*/_jsx(Row, {
         table: table,
         tableId: tableId,
         tableContainerWidth: tableContainerWidth,
         row: row,
+        theme: theme,
         reorderRow: reorderRow,
         rowSelectedId: rowSelectedId,
         setRowSelectedId: setRowSelectedId,
@@ -187,13 +218,12 @@ var TableBody = function TableBody(_ref) {
         setSelectedRowDragging: setSelectedRowDragging,
         rowSelectionChange: rowSelectionChange,
         canRowDrag: canRowDrag,
-        rowKey: rowKey,
         rowClassName: rowClassName,
         cellClassName: cellClassName,
         rowStyle: rowStyle,
         getCellProps: getCellProps,
-        editting: editting,
-        edittingRowStatus: edittingRowStatus,
+        editting: !!editingRowId,
+        rowEditing: rowEditing,
         renderSubComponent: renderSubComponent,
         onRowMouseEnter: onRowMouseEnter,
         onRowMouseLeave: onRowMouseLeave,
@@ -202,24 +232,19 @@ var TableBody = function TableBody(_ref) {
         rowHeight: rowHeight,
         disableDragRowIds: disableDragRowIds,
         selectRowWhenClick: selectRowWhenClick,
-        hasVerticalScrollBar: hasVerticalScrollBar
+        hasVerticalScrollBar: hasVerticalScrollBar,
+        handleEditRowWhenDClick: handleEditRowWhenDClick,
+        canEditRowWhenDClick: canEditRowWhenDClick
       }, row.id);
     });
   };
-  var tbodyRender = function tbodyRender() {
-    if (!loading && datas.length !== 0) {
-      return TBodyContent();
-    }
-    return EmptyContent();
-  };
   return /*#__PURE__*/_jsxs("div", {
-    className: 'table-tbody',
     style: {
       height: "".concat(tableBodyHeight, "px"),
       width: table.getTotalSize()
     },
     children: [/*#__PURE__*/_jsx("div", {
-      children: canRowDrag && !editting && /*#__PURE__*/_jsx(CustomDragLayer, {
+      children: canRowDrag && !editingRowId && /*#__PURE__*/_jsx(CustomDragLayer, {
         getCellProps: getCellProps,
         rowClassName: rowClassName,
         cellClassName: cellClassName,
@@ -241,6 +266,7 @@ var TableBody = function TableBody(_ref) {
           }, header.id);
         })
       }), /*#__PURE__*/_jsx("tbody", {
+        id: "table-max-tableBody-tbody-".concat(tableId),
         children: tbodyRender()
       })]
     })]

package/dist/TableMax/TableBody/index.less

@@ -1,37 +1,3 @@
-@globalColor0: #f5f6f7; // 文字颜色
-@globalColor1: #05081a; // 文字颜色
-@globalColor2: #5e6175;
-@globalColor3: #838695;
-@globalColor4: #dadbdf;
-@globalColor5: #ececee; // 网格线色
-@globalColor6: #f5f6f7;
-@globalColor7: #ffffff; // 背景色
-@globalColor8: #f5f6f7; // 背景衬托色
-@globalColor9: #f7f7f9; // 网格遮罩色（passed）
-@globalColor_18: #fdfdfe; // 网格遮罩色
-@globalColor_10: #f5f6f7; // 网格遮罩色
-@globalColor_11: #ececee; //
-@globalColor_12: #838695; // 铁包运行左侧菜单线
-@globalColor_13: #dadbdf; // 甘特图网格线颜色
-@globalColor_14: #dadbdf; // 表头背景色
-@globalColor_15: #C1C2CA; // 表格头线对应色
-@globalColor_16: #F5F5F6; // 内嵌卡片背景
-@globalColor_17: #C1C2CA; // 时间轴和工位栏颜色
-
-@tableColor1: #212121; // 表格字体颜色
-@tableColor2: rgba(94, 97, 117, 0.4); // 表格边框颜色
-@tableColor3: #DADBDFFF; // 表格边框颜色
-@tableColor4: #DADBDF7F; // 表格筛选区时间选择框分割线颜色
-@tableColor5: #ffffff; // 表格列设置区拖拽图标颜色
-@tableColor6: #FA541CFF; // 表格列设置区列显隐图标颜色
-@tableColor7: #1A1D2EFF; // 表格列设置区列表元素边框颜色
-@scrollThumb: rgba(255, 255, 255, 0.2);
-@scrollThumbHover: rgba(255, 255, 255, 0.3);
-@sliderRightBorder: #3e3b3b;
-// @selectTableRow: var(--select-table-row, rgb(245 246 247 / 15%));
-@selectTableRow: #d0e37b;
-@globalColor_table-line: #f0f0f0; // table行分隔线颜色
-
 table {
   table-layout: fixed;
 

package/dist/TableMax/TableHeader/Cell.js

@@ -67,19 +67,19 @@ var Cell = function Cell(_ref) {
   function sortingRender() {
     return {
       asc: /*#__PURE__*/_jsxs("span", {
-        className: 'sort-flag',
+        className: "sort-flag",
         children: [/*#__PURE__*/_jsx("i", {
-          className: 'triangle-up triangle-up-red'
+          className: "triangle-up triangle-up-red"
         }), /*#__PURE__*/_jsx("i", {
-          className: 'triangle-down'
+          className: "triangle-down"
         })]
       }),
       desc: /*#__PURE__*/_jsxs("span", {
-        className: 'sort-flag',
+        className: "sort-flag",
         children: [/*#__PURE__*/_jsx("i", {
-          className: 'triangle-up'
+          className: "triangle-up"
         }), /*#__PURE__*/_jsx("i", {
-          className: 'triangle-down triangle-down-red'
+          className: "triangle-down triangle-down-red"
         })]
       })
     }[header.column.getIsSorted()];
@@ -87,13 +87,13 @@ var Cell = function Cell(_ref) {
   return /*#__PURE__*/_jsx("div", {
     ref: dropRef,
     children: /*#__PURE__*/_jsxs("div", {
-      className: "cell-wapper ".concat(header.column.columnDef.columns ? 'wapper-top-parent' : ''),
+      className: "cell-wapper ".concat(header.column.columnDef.columns ? 'wapper-top-parent' : '', " tableMax-cell-wrapper"),
       ref: previewRef,
       style: _objectSpread({
         transform: header.column.parent || header.column.columnDef.columns || !hasGroup ? 'translateY(0px)' : 'translateY(-20px)'
       }, getHeaderCellProps === null || getHeaderCellProps === void 0 ? void 0 : getHeaderCellProps(header.column.columnDef.columns)),
       children: [/*#__PURE__*/_jsxs("div", {
-        className: 'cell-left',
+        className: "cell-left",
         onClick: header.column.getToggleSortingHandler(),
         style: {
           display: 'inline-block',
@@ -101,7 +101,7 @@ var Cell = function Cell(_ref) {
         },
         children: [flexRender(header.column.columnDef.header, header.getContext()), canSorting ? sortingRender() : null]
       }), /*#__PURE__*/_jsx("div", {
-        className: 'cell-right',
+        className: "cell-right",
         onClick: header.column.getToggleSortingHandler(),
         children: header.column.id === ColumnType.Darg || header.column.id === ColumnType.Selection || header.column.id === ColumnType.PlaceHolder ? null : /*#__PURE__*/_jsx("i", {
           ref: dragRef,

package/dist/TableMax/TableHeader/index.js

@@ -8,7 +8,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 // import { useDrag, useDrop } from 'ahooks';
 import { useEffect, useMemo } from 'react';
 import { Filter } from "../components/ColumnFilter";
-// import ColumnHeader from '../components/ColumnHeader';
 import Cell from "./Cell";
 import "./index.less";
 import { getPinningStyle } from "./utils";
@@ -53,7 +52,14 @@ var TableHeader = function TableHeader(_ref) {
 
   // console.log(666, table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups())
 
-  console.log('header', table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups(), table.getHeaderGroups());
+  // console.log(
+  //   'header',
+  //   table.getLeftHeaderGroups(),
+  //   table.getCenterHeaderGroups(),
+  //   table.getRightHeaderGroups(),
+  //   table.getHeaderGroups(),
+  // );
+
   return /*#__PURE__*/_jsxs("table", {
     style: {
       width: table.getTotalSize() + hasVerticalScrollBar ? 10 : 0
@@ -73,7 +79,7 @@ var TableHeader = function TableHeader(_ref) {
     }), /*#__PURE__*/_jsxs("thead", {
       children: [headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(function (headerGroup) {
         return /*#__PURE__*/_jsxs("tr", {
-          className: 'table-thead-tr cus-table-thead-tr',
+          className: "table-thead-tr cus-table-thead-tr",
           style: {
             height: hasGroup && headerGroup.depth === 0 ? '40px' : 'auto',
             width: '100%'
@@ -98,10 +104,10 @@ var TableHeader = function TableHeader(_ref) {
           }, "scroll") : null]
         }, headerGroup.id);
       }), canFilter && enableFilters ? /*#__PURE__*/_jsxs("tr", {
-        className: 'table-filter-tr',
+        className: "table-filter-tr",
         children: [headerGroups === null || headerGroups === void 0 || (_headerGroups2 = headerGroups[headerGroups.length - 1]) === null || _headerGroups2 === void 0 || (_headerGroups2 = _headerGroups2.headers) === null || _headerGroups2 === void 0 ? void 0 : _headerGroups2.map(function (header) {
           return /*#__PURE__*/_jsx("th", {
-            className: 'table-filter-th',
+            className: "table-filter-th",
             style: _objectSpread({}, getPinningStyle(header, table, hasVerticalScrollBar)),
             children: header.column.getCanFilter() ? /*#__PURE__*/_jsx("div", {
               children: /*#__PURE__*/_jsx(Filter, {

package/dist/TableMax/TableHeader/index.less

@@ -1,38 +1,3 @@
-
-@globalColor1: #05081a; // 文字颜色
-@globalColor2: #5e6175;
-@globalColor3: #838695;
-@globalColor4: #dadbdf;
-@globalColor5: #ececee; // 网格线色
-@globalColor6: #f5f6f7;
-@globalColor7: #ffffff; // 背景色
-@globalColor8: #f5f6f7; // 背景衬托色
-@globalColor9: #f7f7f9; // 网格遮罩色（passed）
-@globalColor_18: #fdfdfe; // 网格遮罩色
-@globalColor_10:  #f5f6f7; // 网格遮罩色
-@globalColor_11:  #ececee; //
-@globalColor_12:  #838695; // 铁包运行左侧菜单线
-@globalColor_13:  #dadbdf; // 甘特图网格线颜色
-@globalColor_14:  #dadbdf; // 表头背景色
-@globalColor_15:  #C1C2CA; // 表格头线对应色
-@globalColor_16:  #F5F5F6; // 内嵌卡片背景
-@globalColor_17:  #C1C2CA; // 时间轴和工位栏颜色
-
-@tableColor1:  #212121; // 表格字体颜色
-@tableColor2:  rgba(94, 97, 117, 0.4); // 表格边框颜色
-@tableColor3:  #DADBDFFF; // 表格边框颜色
-@tableColor4:  #DADBDF7F; // 表格筛选区时间选择框分割线颜色
-@tableColor5:  #ffffff; // 表格列设置区拖拽图标颜色
-@tableColor6:  #FA541CFF; // 表格列设置区列显隐图标颜色
-@tableColor7:  #1A1D2EFF; // 表格列设置区列表元素边框颜色
-
-@scrollThumb:  rgba(255, 255, 255, 0.2);
-@scrollThumbHover: rgba(255, 255, 255, 0.3);
-@sliderRightBorder: #3e3b3b;
-// @selectTableRow: var(--select-table-row, rgb(245 246 247 / 15%));
-@selectTableRow:  #d0e37b;
-@globalColor_table-line:  #f0f0f0; // table行分隔线颜色
-
 table {
   table-layout: fixed;
   // background: @globalColor_14;
@@ -60,6 +25,7 @@ table {
   font-weight: 400;
   padding: 0 8px;
   text-align: left;
+  border-bottom: 1px solid @tableColor2;
 
   .cell-left {
     flex: 1;
@@ -77,6 +43,8 @@ table {
     display: none;
     // opacity: 0;
     cursor: move;
+    position: absolute;
+    right: 5px;
   }
 
   &:hover .drag-handler {
@@ -143,6 +111,12 @@ table {
   }
 }
 
+.table-thead-tr:nth-last-child(2) {
+  .tableMax-cell-wrapper {
+    border-bottom: none !important;
+  }
+}
+
 .table-filter-tr {
   border-top: 1px solid @tableColor2;
 
@@ -151,62 +125,62 @@ table {
     vertical-align: top;
     padding: 6px 2px;
 
-    :global {
-      .custom-light-select:not(.custom-light-select-customize-input) .custom-light-select-selector {
-        border-radius: 2px;
-        background-color: #F5F6F7FF;
-        padding: 0 2px;
-      }
 
-      .custom-dark-select:not(.custom-dark-select-customize-input) .custom-dark-select-selector {
-        border-radius: 2px;
-        background-color: #494C5DFF;
-        padding: 0 2px;
-      }
+    .custom-light-select:not(.custom-light-select-customize-input) .custom-light-select-selector {
+      border-radius: 2px;
+      background-color: #F5F6F7FF;
+      padding: 0 2px;
+    }
 
-      .custom-light-input-number {
-        width: 100% !important;
-        border-radius: 2px;
-        background-color: #F5F6F7FF;
-      }
+    .custom-dark-select:not(.custom-dark-select-customize-input) .custom-dark-select-selector {
+      border-radius: 2px;
+      background-color: #494C5DFF;
+      padding: 0 2px;
+    }
 
-      .custom-dark-input-number {
-        width: 100% !important;
-        border-radius: 2px;
-        background-color: #494C5DFF;
-      }
+    .custom-light-input-number {
+      width: 100% !important;
+      border-radius: 2px;
+      background-color: #F5F6F7FF;
+    }
 
-      .custom-dark-select-single .custom-dark-select-selector .custom-dark-select-selection-search {
-        left: 2px;
-        right: 2px;
-      }
+    .custom-dark-input-number {
+      width: 100% !important;
+      border-radius: 2px;
+      background-color: #494C5DFF;
+    }
 
-      .custom-dark-select-single .custom-dark-select-clear {
-        background: transparent;
-      }
+    .custom-dark-select-single .custom-dark-select-selector .custom-dark-select-selection-search {
+      left: 2px;
+      right: 2px;
+    }
 
-      .custom-light-select-single .custom-light-select-selector .custom-light-select-selection-search {
-        left: 2px;
-        right: 2px;
-      }
+    .custom-dark-select-single .custom-dark-select-clear {
+      background: transparent;
+    }
 
-      .custom-dark-picker {
-        padding: 4px;
-        background: #494C5DFF;
-      }
+    .custom-light-select-single .custom-light-select-selector .custom-light-select-selection-search {
+      left: 2px;
+      right: 2px;
+    }
 
-      .custom-dark-picker-input .custom-dark-picker-clear {
-        background: #494C5DFF;
-      }
+    .custom-dark-picker {
+      padding: 4px;
+      background: #494C5DFF;
+    }
 
-      .custom-light-picker {
-        padding: 4px;
-        background: #F5F6F7FF;
-      }
+    .custom-dark-picker-input .custom-dark-picker-clear {
+      background: #494C5DFF;
+    }
 
-      .custom-light-picker-input .custom-light-picker-clear {
-        background: #F5F6F7FF;
-      }
+    .custom-light-picker {
+      padding: 4px;
+      background: #F5F6F7FF;
+    }
+
+    .custom-light-picker-input .custom-light-picker-clear {
+      background: #F5F6F7FF;
     }
   }
+
 }