@nokecy/qc-ui 1.1.56 → 1.1.58

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -86,6 +86,7 @@ function useDeepCompareStable(value) {
   return ref.current;
 }
 function AgGridPlus(props) {
+  var gridTheme = (0, _theme.useAgGridTheme)();
   var style = props.style,
     loadingProps = props.loading,
     gridParams = props.params,
@@ -440,11 +441,10 @@ function AgGridPlus(props) {
   // 辅助函数: 获取数据类型
   var getDataType = function getDataType(data, colName, valueEnum) {
     if (typeof data[colName] === 'number') {
-      // 如果有枚举值，说明是分类数据，不进行计算;否则默认求和
-      var shouldCalculate = !valueEnum || valueEnum.length === 0;
+      // 数值只用于列对齐；底部合计必须由 calculateType 显式声明。@author nokecy
       return {
         type: "number",
-        calculateType: shouldCalculate ? "sum" : false
+        calculateType: valueEnum !== null && valueEnum !== void 0 && valueEnum.length ? false : undefined
       };
     }
     return undefined;
@@ -472,11 +472,11 @@ function AgGridPlus(props) {
       return (0, _columnProcessors.processEnumColumn)(col, dataType);
     }
     if (col.type || typeof col.cellRenderer == "string") {
-      return _objectSpread({}, col);
+      return (0, _columnProcessors.mergeInferredColumnType)(col, dataType);
     }
     //@ts-ignore
     if (col !== null && col !== void 0 && col.ellipsis) {
-      return _objectSpread(_objectSpread({}, col), {}, {
+      return _objectSpread(_objectSpread({}, (0, _columnProcessors.mergeInferredColumnType)(col, dataType)), {}, {
         cellRenderer: function cellRenderer(_ref) {
           var value = _ref.value;
           return /*#__PURE__*/_react.default.createElement(Text, {
@@ -493,12 +493,12 @@ function AgGridPlus(props) {
       });
     }
     if (col.cellRenderer) {
-      return _objectSpread(_objectSpread({}, col), {}, {
+      return _objectSpread(_objectSpread({}, (0, _columnProcessors.mergeInferredColumnType)(col, dataType)), {}, {
         customCellRenderer: col.cellRenderer,
         cellRenderer: cellRenderer
       });
     }
-    return _objectSpread(_objectSpread(_objectSpread({}, (0, _columnProcessors.toColumnType)(dataType)), col), {}, {
+    return _objectSpread(_objectSpread({}, (0, _columnProcessors.mergeInferredColumnType)(col, dataType)), {}, {
       customCellRenderer: col.cellRenderer,
       cellRenderer: cellRenderer
     });
@@ -948,6 +948,7 @@ function AgGridPlus(props) {
     }
   };
   var calculateSum = (0, _react.useCallback)(function () {
+    if (props.pinnedBottomRowData !== undefined) return;
     var displayedData = [];
     if (apiRef.current) {
       apiRef.current.forEachNodeAfterFilter(function (node) {
@@ -959,22 +960,16 @@ function AgGridPlus(props) {
       (_apiRef$current4 = apiRef.current) === null || _apiRef$current4 === void 0 || _apiRef$current4.setGridOption('pinnedBottomRowData', undefined);
       return;
     }
-    var calcColFields = allColDefs.filter(function (col) {
-      return col.calculateType;
-    }).map(function (col) {
-      return {
-        field: col.field,
-        calculateType: col.calculateType,
-        transactionAmount: col.transactionAmount || 2,
-        formatWithCommas: col.formatWithCommas
-      };
-    });
+    var calcColFields = (0, _aggregation.getCalculationColumns)(allColDefs);
     if (calcColFields.length > 0) {
       var _apiRef$current5;
       var calculatedValues = (0, _aggregation.computeAggregationRow)(calcColFields, displayedData);
       (_apiRef$current5 = apiRef.current) === null || _apiRef$current5 === void 0 || _apiRef$current5.setGridOption('pinnedBottomRowData', calculatedValues);
+    } else {
+      var _apiRef$current6;
+      (_apiRef$current6 = apiRef.current) === null || _apiRef$current6 === void 0 || _apiRef$current6.setGridOption('pinnedBottomRowData', undefined);
     }
-  }, [allColDefs]);
+  }, [allColDefs, props.pinnedBottomRowData]);
   var onFilterChanged = function onFilterChanged(event) {
     calculateSum();
   };
@@ -1320,7 +1315,7 @@ function AgGridPlus(props) {
       }
     }, /*#__PURE__*/_react.default.createElement(_icons.FilterOutlined, null)))) : null].filter(Boolean)
   }), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, _extends({
-    theme: _theme.agGridTheme
+    theme: gridTheme
   }, rest, {
     localeText: _locale.localeText,
     gridOptions: {
@@ -1368,8 +1363,8 @@ function AgGridPlus(props) {
     },
     onDragStopped: function onDragStopped(e) {
       if (apiRef.current) {
-        var _apiRef$current6;
-        var _columnState = (_apiRef$current6 = apiRef.current) === null || _apiRef$current6 === void 0 ? void 0 : _apiRef$current6.getColumnState();
+        var _apiRef$current7;
+        var _columnState = (_apiRef$current7 = apiRef.current) === null || _apiRef$current7 === void 0 ? void 0 : _apiRef$current7.getColumnState();
         setColumnState(_columnState);
 
         // onColumnStateChanged && onColumnStateChanged(columnState)

package/dist/cjs/ag-grid-plus/index.less

@@ -28,12 +28,12 @@
 }
 
 .ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper {
-  width: 18px !important;
-  height: 18px !important;
+  width: 16px !important;
+  height: 16px !important;
 }
 .ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper {
-  width: 18px !important;
-  height: 18px !important;
+  width: 16px !important;
+  height: 16px !important;
 }
 
 // 列内容对齐方式样式

package/dist/cjs/ag-grid-plus/setting/ColumnConfigTable.js

@@ -244,6 +244,7 @@ var ColumnConfigTable = function ColumnConfigTable(_ref2) {
     simple = _ref2$simple === void 0 ? false : _ref2$simple,
     _ref2$scrollY = _ref2.scrollY,
     scrollY = _ref2$scrollY === void 0 ? 480 : _ref2$scrollY;
+  var gridTheme = (0, _theme.useAgGridTheme)();
   var _useState = (0, _react.useState)(items),
     _useState2 = _slicedToArray(_useState, 2),
     localItems = _useState2[0],
@@ -712,7 +713,7 @@ var ColumnConfigTable = function ColumnConfigTable(_ref2) {
       height: scrollY
     }
   }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
-    theme: _theme.agGridTheme,
+    theme: gridTheme,
     rowData: visibleItems,
     columnDefs: columnDefs,
     getRowId: function getRowId(params) {

package/dist/cjs/ag-grid-plus/setting/ColumnSetting.js

@@ -57,6 +57,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
     visible = _ref.visible,
     onClose = _ref.onClose,
     onSaveColumnState = _ref.onSaveColumnState;
+  var gridTheme = (0, _theme.useAgGridTheme)();
   // 使用新的集中式方案管理 API（包含状态数据和操作方法）
   var _useGridSchemes = (0, _useSchemeManager.useGridSchemes)(),
     columnSchemes = _useGridSchemes.columnSchemes,
@@ -1254,7 +1255,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
       marginTop: 100
     }
   }) : /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
-    theme: _theme.agGridTheme,
+    theme: gridTheme,
     localeText: _locale.localeText,
     rowData: filteredSchemes,
     columnDefs: schemeColumnDefs,

package/dist/cjs/ag-grid-plus/setting/QuerySchemeManager.js

@@ -58,6 +58,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
   var gridKey = _ref.gridKey,
     visible = _ref.visible,
     onClose = _ref.onClose;
+  var gridTheme = (0, _theme.useAgGridTheme)();
   // 获取方案管理 API
   var _useGridSchemes = (0, _useSchemeManager.useGridSchemes)(),
     querySchemes = _useGridSchemes.querySchemes,
@@ -761,7 +762,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
         }
       }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
         ref: queryGridRef,
-        theme: _theme.agGridTheme,
+        theme: gridTheme,
         rowData: queryItemsData,
         columnDefs: queryColumnDefs,
         defaultColDef: {
@@ -809,7 +810,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
         }
       }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
         ref: schemeGridRef,
-        theme: _theme.agGridTheme,
+        theme: gridTheme,
         rowData: schemes,
         columnDefs: schemeColumnDefs,
         defaultColDef: {

package/dist/cjs/ag-grid-plus/theme.d.ts

@@ -3,3 +3,8 @@
  * 使用 themeQuartz API 替代 CSS 变量方式
  */
 export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;
+/**
+ * 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
+ * 复选框、行选中和悬停等强调状态与 antd 主色同步。@author nokecy
+ */
+export declare function useAgGridTheme(): import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;

package/dist/cjs/ag-grid-plus/theme.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.agGridTheme = void 0;
+exports.useAgGridTheme = useAgGridTheme;
 var _agGridCommunity = require("ag-grid-community");
+var _antd = require("antd");
+var _react = require("react");
 /**
  * AG-Grid v33 主题配置
  * 使用 themeQuartz API 替代 CSS 变量方式
@@ -75,4 +78,33 @@ var agGridTheme = exports.agGridTheme = _agGridCommunity.themeQuartz.withParams(
   // 侧边栏配置
   sideBarPanelWidth: 250,
   spacing: 6
-});
+});
+
+/**
+ * 根据当前 Ant Design ConfigProvider 主题生成 AgGrid 主题色。
+ * 复选框、行选中和悬停等强调状态与 antd 主色同步。@author nokecy
+ */
+function useAgGridTheme() {
+  var _antdTheme$useToken = _antd.theme.useToken(),
+    token = _antdTheme$useToken.token;
+  return (0, _react.useMemo)(function () {
+    return agGridTheme.withParams({
+      accentColor: token.colorPrimary,
+      rowHoverColor: token.colorPrimaryBg,
+      selectedRowBackgroundColor: token.colorPrimaryBgHover,
+      columnHoverColor: token.colorPrimaryBg,
+      rangeSelectionBorderColor: token.colorPrimary,
+      rangeSelectionBackgroundColor: token.colorPrimaryBgHover,
+      focusShadow: "0 0 0 3px ".concat(token.colorPrimaryBg),
+      checkboxUncheckedBackgroundColor: token.colorBgContainer,
+      checkboxUncheckedBorderColor: token.colorBorder,
+      checkboxCheckedBackgroundColor: token.colorPrimary,
+      checkboxCheckedBorderColor: token.colorPrimary,
+      checkboxCheckedShapeColor: token.colorWhite,
+      checkboxIndeterminateBackgroundColor: token.colorPrimary,
+      checkboxIndeterminateBorderColor: token.colorPrimary,
+      checkboxIndeterminateShapeColor: token.colorWhite,
+      toggleButtonOnBackgroundColor: token.colorPrimary
+    });
+  }, [token.colorBgContainer, token.colorBorder, token.colorPrimary, token.colorPrimaryBg, token.colorPrimaryBgHover, token.colorWhite]);
+}

package/dist/cjs/ag-grid-plus/toolBar/index.js

@@ -84,11 +84,7 @@ var ListToolBar = function ListToolBar(_ref) {
       return null;
     }
     return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 8
-      }
+      className: "".concat(prefixCls, "-actions ").concat(hashId)
     }, actions.map(function (action, index) {
       if (! /*#__PURE__*/_react.default.isValidElement(action)) {
         // eslint-disable-next-line react/no-array-index-key
@@ -101,7 +97,7 @@ var ListToolBar = function ListToolBar(_ref) {
         key: index
       }, action === null || action === void 0 ? void 0 : action.props));
     }));
-  }, [actions]);
+  }, [actions, hashId, prefixCls]);
   var hasRight = (0, _react.useMemo)(function () {
     return hasTitle || actionDom || (settings === null || settings === void 0 ? void 0 : settings.length);
   }, [actionDom, hasTitle, settings === null || settings === void 0 ? void 0 : settings.length]);

package/dist/cjs/ag-grid-plus/toolBar/style.js

@@ -17,6 +17,8 @@ var genProListStyle = function genProListStyle(token) {
     "&-container": {
       display: "flex",
       justifyContent: "space-between",
+      alignItems: "center",
+      minWidth: 0,
       paddingBlock: 8,
       //token.padding,
       paddingInline: 0,
@@ -54,29 +56,47 @@ var genProListStyle = function genProListStyle(token) {
     },
     "&-left": _defineProperty(_defineProperty({
       display: "flex",
-      flexWrap: "wrap",
+      flexWrap: "nowrap",
       alignItems: "center",
       gap: token.marginXS,
       justifyContent: "flex-start",
-      maxWidth: "calc(100% - 200px)",
-      flex: 1
+      minWidth: 0,
+      flex: "0 1 auto"
     }, "".concat(token.antCls, "-tabs"), {
       width: "100%"
     }), "&-has-tabs", {
       overflow: "hidden"
     }),
     "&-right": {
-      flex: 1,
+      flex: "1 1 0",
+      minWidth: 0,
       display: "flex",
-      flexWrap: "wrap",
+      flexWrap: "nowrap",
+      alignItems: "center",
       justifyContent: "flex-end",
       gap: token.marginXS
     },
+    // @author nokecy：按钮单行呈现，空间不足时只在操作区内滚动，不撑开页面。
+    "&-actions": {
+      display: "flex",
+      alignItems: "center",
+      gap: token.marginXS,
+      minWidth: 0,
+      flex: "0 1 auto",
+      overflowX: "auto",
+      overflowY: "hidden",
+      scrollbarWidth: "none",
+      whiteSpace: "nowrap",
+      "&::-webkit-scrollbar": {
+        display: "none"
+      }
+    },
     "&-extra-line": {
       marginBlockEnd: token.margin
     },
     "&-setting-items": {
       display: "flex",
+      flex: "0 0 auto",
       gap: token.marginXS,
       lineHeight: "32px",
       alignItems: "center"
@@ -127,6 +147,9 @@ var genProListStyle = function genProListStyle(token) {
     "&-left": {
       marginBlockEnd: "8px",
       maxWidth: "100%"
+    },
+    "&-right": {
+      width: "100%"
     }
   })));
 };

package/dist/cjs/ag-grid-plus/utils/aggregation.d.ts

@@ -9,6 +9,15 @@ export interface CalculationColumnConfig {
     formatWithCommas?: boolean;
     cellRenderer?: any;
 }
+export interface CalculationColumnDefinition {
+    field?: string;
+    calculateType?: CalculationColumnConfig['calculateType'] | false;
+    transactionAmount?: number;
+    formatWithCommas?: boolean;
+    children?: CalculationColumnDefinition[];
+}
+/** 分组表头只是展示结构；原生固定合计行要读取所有叶子数值列。@author nokecy */
+export declare const getCalculationColumns: (columns: CalculationColumnDefinition[]) => CalculationColumnConfig[];
 export declare const isValidNumber: (value: any) => boolean;
 export declare const sumField: (field: string, data: any[]) => number;
 export declare const avgField: (field: string, data: any[]) => number;

package/dist/cjs/ag-grid-plus/utils/aggregation.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sumField = exports.stdDevField = exports.isValidNumber = exports.formatWithCommas = exports.computeAggregationRow = exports.avgField = void 0;
+exports.sumField = exports.stdDevField = exports.isValidNumber = exports.getCalculationColumns = exports.formatWithCommas = exports.computeAggregationRow = exports.avgField = void 0;
 var _lodash = _interopRequireWildcard(require("lodash"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
@@ -13,6 +13,20 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @author nokecy
  */
 
+/** 分组表头只是展示结构；原生固定合计行要读取所有叶子数值列。@author nokecy */
+var getCalculationColumns = exports.getCalculationColumns = function getCalculationColumns(columns) {
+  return columns.flatMap(function (column) {
+    var _column$transactionAm;
+    if (column.children) return getCalculationColumns(column.children);
+    if (!column.field || !column.calculateType) return [];
+    return [{
+      field: column.field,
+      calculateType: column.calculateType,
+      transactionAmount: (_column$transactionAm = column.transactionAmount) !== null && _column$transactionAm !== void 0 ? _column$transactionAm : 2,
+      formatWithCommas: column.formatWithCommas
+    }];
+  });
+};
 var isValidNumber = exports.isValidNumber = function isValidNumber(value) {
   return typeof value === 'number' && !isNaN(value);
 };

package/dist/cjs/ag-grid-plus/utils/columnProcessors.d.ts

@@ -56,8 +56,8 @@ export declare function inferDataType(data: any, colName: string, valueEnum?: Va
  * 早先是把整个 dataType 摊进 colDef，等于给列设了 type:"number"——而注册的 columnTypes 里
  * 根本没有叫 number 的类型，这个字段一直没生效。
  *
- * 数量型数值列真正该有的是右对齐：位数对齐了才能一眼比大小。只有 calculateType 为真
- * （可求和的数量型）才右对齐；用 valueEnum 表示分类的数值列（状态码之类）不动。
+ * 普通数值列右对齐；合计另由 calculateType 显式控制。
+ * 用 valueEnum 表示分类的数值列（状态码之类）不动。
  *
  * @author nokecy
  */
@@ -65,6 +65,8 @@ export declare function toColumnType(dataType?: DataTypeInference): {
     calculateType?: any;
     type?: string;
 };
+/** 显式列类型只控制显示方式，不遮蔽数值对齐或显式合计配置。@author nokecy */
+export declare function mergeInferredColumnType<T extends object>(column: T, dataType?: DataTypeInference): T & ReturnType<typeof toColumnType>;
 /**
  * 处理枚举列定义 —— **枚举列渲染的唯一实现**。
  *

package/dist/cjs/ag-grid-plus/utils/columnProcessors.js

@@ -9,6 +9,7 @@ exports.createCellRenderer = createCellRenderer;
 exports.filterHiddenColumns = filterHiddenColumns;
 exports.handleGridPlusColumnState = handleGridPlusColumnState;
 exports.inferDataType = inferDataType;
+exports.mergeInferredColumnType = mergeInferredColumnType;
 exports.processEllipsisColumn = processEllipsisColumn;
 exports.processEnumColumn = processEnumColumn;
 exports.toColumnType = toColumnType;
@@ -75,11 +76,10 @@ function handleGridPlusColumnState(columnState) {
 function inferDataType(data, colName, valueEnum) {
   var value = data[colName];
   if (typeof value === 'number') {
-    // 如果有枚举值，说明是分类数据，不进行计算
-    var shouldCalculate = !valueEnum || valueEnum.length === 0;
+    // 数值只决定对齐；合计必须由列定义显式声明。@author nokecy
     return {
       type: 'number',
-      calculateType: shouldCalculate ? 'sum' : false
+      calculateType: valueEnum !== null && valueEnum !== void 0 && valueEnum.length ? false : undefined
     };
   }
   if (typeof value === 'boolean') {
@@ -104,17 +104,19 @@ function inferDataType(data, colName, valueEnum) {
  * 早先是把整个 dataType 摊进 colDef，等于给列设了 type:"number"——而注册的 columnTypes 里
  * 根本没有叫 number 的类型，这个字段一直没生效。
  *
- * 数量型数值列真正该有的是右对齐：位数对齐了才能一眼比大小。只有 calculateType 为真
- * （可求和的数量型）才右对齐；用 valueEnum 表示分类的数值列（状态码之类）不动。
+ * 普通数值列右对齐；合计另由 calculateType 显式控制。
+ * 用 valueEnum 表示分类的数值列（状态码之类）不动。
  *
  * @author nokecy
  */
 function toColumnType(dataType) {
   if (!dataType) return {};
-  if (dataType.type === 'number' && dataType.calculateType) {
-    return {
+  if (dataType.type === 'number' && dataType.calculateType !== false) {
+    return dataType.calculateType ? {
       calculateType: dataType.calculateType,
       type: 'rightAligned'
+    } : {
+      type: 'rightAligned'
     };
   }
   return {
@@ -122,6 +124,11 @@ function toColumnType(dataType) {
   };
 }
 
+/** 显式列类型只控制显示方式，不遮蔽数值对齐或显式合计配置。@author nokecy */
+function mergeInferredColumnType(column, dataType) {
+  return _objectSpread(_objectSpread({}, toColumnType(dataType)), column);
+}
+
 /**
  * 处理枚举列定义 —— **枚举列渲染的唯一实现**。
  *

package/dist/cjs/array-table/index.js

@@ -40,6 +40,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
   var _addition$props;
   var height = props.height,
     gridKey = props.gridKey;
+  var arrayTableTheme = (0, _theme.useArrayTableTheme)(true);
 
   // 【新增】运行时验证 gridKey
   if (!gridKey) {
@@ -330,7 +331,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
       minHeight: 0
     }
   }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
-    theme: _theme.arrayTableTheme,
+    theme: arrayTableTheme,
     context: gridContext,
     onGridReady: function onGridReady(params) {
       params.api.hidePopupMenu();

package/dist/cjs/array-table/preview.js

@@ -13,6 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //@ts-ignore
 var ArrayTable = function ArrayTable(props) {
   var height = props.height;
+  var arrayTablePreviewTheme = (0, _theme.useArrayTableTheme)();
   var field = (0, _react2.useField)();
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
   var sources = (0, _utils.useArrayTableSources)();
@@ -32,7 +33,7 @@ var ArrayTable = function ArrayTable(props) {
     },
     hideTool: true,
     search: false,
-    theme: _theme.arrayTablePreviewTheme,
+    theme: arrayTablePreviewTheme,
     rowHeight: _theme.ARRAY_TABLE_ROW_HEIGHT,
     pagination: false,
     columnDefs: columns,

package/dist/cjs/array-table/theme.d.ts

@@ -4,13 +4,5 @@
  * 只设网格选项会让文字的行盒仍是主题默认行高(29.6-3=26.6px),顶在 37px 的格子上方(偏上约 4.5px)。
  */
 export declare const ARRAY_TABLE_ROW_HEIGHT = 38;
-/** 阅读态主题:共用主题 + 行高 + 单元格居中 */
-export declare const arrayTablePreviewTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
-/**
- * 编辑态主题:在阅读态主题上去掉单元格聚焦/选区视觉(行内编辑更干净)。
- *   focusShadow            -> 聚焦光环
- *   rangeSelectionBorder   -> 单格点击形成的 1×1 选区蓝边
- *   rangeSelectionBackground -> 选区淡蓝填充
- * 仅去视觉,不动焦点功能——键盘导航/点击进编辑仍依赖 cell focus。
- */
-export declare const arrayTableTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
+/** 根据当前 antd 主题生成编辑态或阅读态明细表格主题。@author nokecy */
+export declare function useArrayTableTheme(editable?: boolean): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;

package/dist/cjs/array-table/theme.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.arrayTableTheme = exports.arrayTablePreviewTheme = exports.ARRAY_TABLE_ROW_HEIGHT = void 0;
+exports.ARRAY_TABLE_ROW_HEIGHT = void 0;
+exports.useArrayTableTheme = useArrayTableTheme;
 var _agGridCommunity = require("ag-grid-community");
+var _react = require("react");
 var _theme = require("../ag-grid-plus/theme");
 /**
  * ArrayTable(明细表格)的 AG-Grid 主题:编辑态(index.tsx)与阅读态(preview.tsx)共用。
@@ -31,20 +33,18 @@ var arrayTableCellFit = (0, _agGridCommunity.createPart)({
   css: "\n    .ag-cell .ag-cell-wrapper { height: 100%; }\n    .ag-cell .ant-formily-item { margin-bottom: 0; }\n    .ag-cell .ant-formily-item-help { position: absolute; }\n  "
 });
 
-/** 阅读态主题:共用主题 + 行高 + 单元格居中 */
-var arrayTablePreviewTheme = exports.arrayTablePreviewTheme = _theme.agGridTheme.withParams({
-  rowHeight: ARRAY_TABLE_ROW_HEIGHT
-}).withPart(arrayTableCellFit);
-
-/**
- * 编辑态主题:在阅读态主题上去掉单元格聚焦/选区视觉(行内编辑更干净)。
- *   focusShadow            -> 聚焦光环
- *   rangeSelectionBorder   -> 单格点击形成的 1×1 选区蓝边
- *   rangeSelectionBackground -> 选区淡蓝填充
- * 仅去视觉,不动焦点功能——键盘导航/点击进编辑仍依赖 cell focus。
- */
-var arrayTableTheme = exports.arrayTableTheme = arrayTablePreviewTheme.withParams({
-  focusShadow: 'none',
-  rangeSelectionBorderColor: 'transparent',
-  rangeSelectionBackgroundColor: 'transparent'
-});
+/** 根据当前 antd 主题生成编辑态或阅读态明细表格主题。@author nokecy */
+function useArrayTableTheme() {
+  var editable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var agGridTheme = (0, _theme.useAgGridTheme)();
+  return (0, _react.useMemo)(function () {
+    var previewTheme = agGridTheme.withParams({
+      rowHeight: ARRAY_TABLE_ROW_HEIGHT
+    }).withPart(arrayTableCellFit);
+    return editable ? previewTheme.withParams({
+      focusShadow: 'none',
+      rangeSelectionBorderColor: 'transparent',
+      rangeSelectionBackgroundColor: 'transparent'
+    }) : previewTheme;
+  }, [agGridTheme, editable]);
+}