@nokecy/qc-ui 1.0.90 → 1.0.93

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

@@ -13,7 +13,7 @@ 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 React, { useState, useCallback, useMemo, useEffect } from 'react';
+import React, { useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import { Modal, Tabs, Space, Button, Input, message, Popconfirm, Table, Tag, Tooltip, Card, Row, Col, Empty, Radio } from 'antd';
 import { SaveOutlined, ReloadOutlined, EditOutlined, DeleteOutlined, StarOutlined, StarFilled, AppstoreOutlined, UnorderedListOutlined, SearchOutlined } from '@ant-design/icons';
 import { createForm, onFormInit } from '@formily/core';
@@ -21,6 +21,7 @@ import { gridStateToFlatConfig, flatConfigToGridState, isOldSchemeData, migrateO
 import ColumnConfigTable from "./ColumnConfigTable";
 import processColumnGroups from "../_utils/processColumnGroups";
 import DraggableModal from "../../draggableModal";
+import { GridPlusContext } from "../context/gridContext";
 var TabPane = Tabs.TabPane;
 var TextArea = Input.TextArea;
 /**
@@ -75,11 +76,15 @@ var ColumnSetting = function ColumnSetting(_ref) {
     viewMode = _useState18[0],
     setViewMode = _useState18[1];
 
-  // 保存原始列定义,用于取消时恢复
+  // 【修复】从 Context 获取原始完整的列定义
+  var gridPlusContext = useContext(GridPlusContext);
+  var originalColumnDefs = (gridPlusContext === null || gridPlusContext === void 0 ? void 0 : gridPlusContext.allColDefs) || undefined;
+
+  // 【修复】保存快照用于取消时恢复（改名避免与Context的originalColumnDefs冲突）
   var _useState19 = useState(null),
     _useState20 = _slicedToArray(_useState19, 2),
-    originalColumnDefs = _useState20[0],
-    setOriginalColumnDefs = _useState20[1];
+    snapshotColumnDefs = _useState20[0],
+    setSnapshotColumnDefs = _useState20[1];
 
   /**
    * 获取列数据 - 将 Grid 的列定义转换为扁平化配置
@@ -89,17 +94,12 @@ var ColumnSetting = function ColumnSetting(_ref) {
     var _schemeManager$curren;
     // 优先使用当前方案中保存的完整列配置(包含分组结构)
     if (schemeManager !== null && schemeManager !== void 0 && (_schemeManager$curren = schemeManager.currentScheme) !== null && _schemeManager$curren !== void 0 && _schemeManager$curren.columnConfig) {
-      console.log('[ColumnSetting] 使用方案中保存的 columnConfig:', schemeManager.currentScheme.columnConfig);
       return schemeManager.currentScheme.columnConfig;
     }
 
     // 如果方案中没有 columnConfig,则从 Grid 读取
     var columnDefs = gridApi.getColumnDefs() || [];
     var columnStates = gridApi.getColumnState();
-    console.log('[ColumnSetting] 从 Grid 读取列配置:', {
-      columnDefs: columnDefs,
-      columnStates: columnStates
-    });
 
     // 将 Grid 状态转换为扁平化配置
     var flatConfig = gridStateToFlatConfig(columnDefs);
@@ -157,11 +157,11 @@ var ColumnSetting = function ColumnSetting(_ref) {
     }
   }, [schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.currentScheme, visible, form, getColumnData]);
 
-  // 弹窗打开时保存原始列定义,用于取消时恢复
+  // 【修复】弹窗打开时保存快照,用于取消时恢复
   useEffect(function () {
     if (visible) {
       var currentDefs = gridApi.getColumnDefs();
-      setOriginalColumnDefs(currentDefs);
+      setSnapshotColumnDefs(currentDefs);
     }
   }, [visible, gridApi]);
 
@@ -175,31 +175,31 @@ var ColumnSetting = function ColumnSetting(_ref) {
       items: newItems
     });
 
-    // 2. 转换为 AG-Grid 列定义
-    var gridColumnDefs = flatConfigToGridState(newItems);
+    // 2. 【修复】转换为 AG-Grid 列定义，传入原始列定义以保留自定义属性
+    var gridColumnDefs = flatConfigToGridState(newItems, originalColumnDefs);
 
     // 3. 立即应用到 Grid(实时预览,不保存到方案)
     if (type !== 'formArrayTable') {
       gridApi.setGridOption("columnDefs", gridColumnDefs);
     }
-  }, [form, gridApi, type]);
+  }, [form, gridApi, type, originalColumnDefs]);
 
   /**
    * 关闭弹窗处理 - 取消时恢复原始状态
    * 如果用户取消操作,恢复到打开弹窗前的列定义状态
    */
   var handleClose = useCallback(function () {
-    // 如果有保存的原始状态,恢复它
-    if (originalColumnDefs && type !== 'formArrayTable') {
-      gridApi.setGridOption("columnDefs", originalColumnDefs);
+    // 【修复】如果有保存的快照,恢复它
+    if (snapshotColumnDefs && type !== 'formArrayTable') {
+      gridApi.setGridOption("columnDefs", snapshotColumnDefs);
     }
 
-    // 清空备份
-    setOriginalColumnDefs(null);
+    // 清空快照
+    setSnapshotColumnDefs(null);
 
     // 调用父组件的 onClose
     onClose();
-  }, [originalColumnDefs, gridApi, type, onClose]);
+  }, [snapshotColumnDefs, gridApi, type, onClose]);
 
   /**
    * 保存列配置
@@ -224,14 +224,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
             message.info('检测到旧版本配置，已自动迁移到新格式');
           }
 
-          // 转换为 AG-Grid 的列定义
-          gridColumnDefs = flatConfigToGridState(configToSave);
-          console.log('[ColumnSetting] 保存列配置:', {
-            flatConfig: configToSave,
-            gridColumnDefs: gridColumnDefs
-          });
-
-          // 先应用列配置到 Grid
+          // 【修复】转换为 AG-Grid 的列定义，传入原始列定义以保留自定义属性
+          gridColumnDefs = flatConfigToGridState(configToSave, originalColumnDefs); // 先应用列配置到 Grid
           if (type !== 'formArrayTable') {
             gridApi.setGridOption("columnDefs", gridColumnDefs);
           }
@@ -240,69 +234,54 @@ var ColumnSetting = function ColumnSetting(_ref) {
 
           // 等待 Grid 状态更新完成后再保存到方案
           setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-            var updatedState, filterModel, defaultScheme, _newScheme$columnConf, newScheme;
+            var updatedState, filterModel, defaultScheme, newScheme;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!(schemeManager && gridKey)) {
-                    _context.next = 27;
+                    _context.next = 25;
                     break;
                   }
                   _context.prev = 1;
                   // 从 Grid 获取应用后的最新列状态和过滤器状态
                   updatedState = gridApi.getColumnState();
                   filterModel = gridApi.getFilterModel();
-                  console.log('[ColumnSetting] 准备保存到方案:', {
-                    columnConfig: configToSave,
-                    columnConfigLength: configToSave.length,
-                    columnConfigDetail: configToSave.map(function (item, idx) {
-                      return {
-                        index: idx,
-                        type: item.type,
-                        headerName: item.headerName,
-                        field: item.field,
-                        order: item.order,
-                        parentId: item.parentId
-                      };
-                    }),
-                    filterModel: filterModel
-                  });
                   if (!schemeManager.currentScheme) {
-                    _context.next = 10;
+                    _context.next = 9;
                     break;
                   }
-                  _context.next = 8;
+                  _context.next = 7;
                   return schemeManager.saveScheme({
                     columnConfig: configToSave,
                     // 保存完整的列配置(包含分组结构)
                     filterModel: filterModel
                   });
-                case 8:
-                  _context.next = 22;
+                case 7:
+                  _context.next = 20;
                   break;
-                case 10:
+                case 9:
                   // 如果没有激活的方案，查找或创建"默认配置"方案
                   defaultScheme = schemeManager.schemes.find(function (s) {
                     return s.isDefault;
                   });
                   if (!defaultScheme) {
-                    _context.next = 18;
+                    _context.next = 17;
                     break;
                   }
-                  _context.next = 14;
+                  _context.next = 13;
                   return schemeManager.loadScheme(defaultScheme.id);
-                case 14:
-                  _context.next = 16;
+                case 13:
+                  _context.next = 15;
                   return schemeManager.saveScheme({
                     columnConfig: configToSave,
                     // 保存完整的列配置(包含分组结构)
                     filterModel: filterModel
                   });
-                case 16:
-                  _context.next = 22;
-                  break;
-                case 18:
+                case 15:
                   _context.next = 20;
+                  break;
+                case 17:
+                  _context.next = 19;
                   return schemeManager.createScheme('默认配置', configToSave,
                   // 使用 columnConfig 而不是 columnState
                   {
@@ -311,38 +290,32 @@ var ColumnSetting = function ColumnSetting(_ref) {
                     filterModel: filterModel,
                     activate: true // 立即激活该方案
                   });
-                case 20:
+                case 19:
                   newScheme = _context.sent;
-                  console.log('[ColumnSetting] 创建默认方案成功并已激活:', {
-                    schemeId: newScheme.id,
-                    schemeName: newScheme.name,
-                    hasColumnConfig: !!newScheme.columnConfig,
-                    columnConfigLength: ((_newScheme$columnConf = newScheme.columnConfig) === null || _newScheme$columnConf === void 0 ? void 0 : _newScheme$columnConf.length) || 0
-                  });
-                case 22:
-                  _context.next = 27;
+                case 20:
+                  _context.next = 25;
                   break;
-                case 24:
-                  _context.prev = 24;
+                case 22:
+                  _context.prev = 22;
                   _context.t0 = _context["catch"](1);
-                  console.error('[ColumnSetting] 保存列配置到方案失败:', _context.t0);
-                case 27:
+                  console.error('保存列配置到方案失败:', _context.t0);
+                case 25:
                 case "end":
                   return _context.stop();
               }
-            }, _callee, null, [[1, 24]]);
+            }, _callee, null, [[1, 22]]);
           })), 50);
 
-          // 保存成功后清除备份
-          setOriginalColumnDefs(null);
+          // 【修复】保存成功后清除快照
+          setSnapshotColumnDefs(null);
           message.success('列配置已保存');
           onClose();
-        case 13:
+        case 12:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
-  })), [form, gridApi, onSaveColumnState, type, onClose, schemeManager, gridKey]);
+  })), [form, gridApi, onSaveColumnState, type, onClose, schemeManager, gridKey, originalColumnDefs]);
 
   // 保存为新方案
   var handleSaveScheme = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -364,7 +337,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
           }
           values = form.values;
           columnConfigToSave = values.items; // 直接使用 FlatColumnItem[] 数据
-          processedColumns = processColumnGroups(values.items); // 先应用到 Grid
+          // 【修复】传入原始列定义以保留自定义属性
+          processedColumns = processColumnGroups(values.items, originalColumnDefs); // 先应用到 Grid
           if (type !== 'formArrayTable') {
             gridApi.setGridOption("columnDefs", processedColumns);
           }
@@ -667,7 +641,14 @@ var ColumnSetting = function ColumnSetting(_ref) {
     }
   }];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DraggableModal, {
-    title: "\u5217\u65B9\u6848\u7BA1\u7406",
+    title: /*#__PURE__*/React.createElement("span", null, "\u5217\u65B9\u6848\u7BA1\u7406", (schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.currentScheme) && /*#__PURE__*/React.createElement("span", {
+      style: {
+        marginLeft: 16,
+        fontSize: 14,
+        fontWeight: 'normal',
+        color: '#1890ff'
+      }
+    }, "- \u5F53\u524D\u65B9\u6848: ", schemeManager.currentScheme.name)),
     open: visible,
     onCancel: handleClose,
     width: 1100,
@@ -696,31 +677,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
   }, /*#__PURE__*/React.createElement(TabPane, {
     tab: "\u5217\u914D\u7F6E",
     key: "columns"
-  }, schemeManager && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 16,
-      padding: '12px 16px',
-      background: schemeManager.currentScheme ? '#e6f7ff' : '#f5f5f5',
-      borderRadius: 4,
-      border: '1px solid',
-      borderColor: schemeManager.currentScheme ? '#91d5ff' : '#d9d9d9'
-    }
-  }, schemeManager.currentScheme ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontWeight: 600,
-      marginBottom: 4,
-      color: '#1890ff'
-    }
-  }, "\u5F53\u524D\u65B9\u6848: ", schemeManager.currentScheme.name), schemeManager.currentScheme.description && /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 12,
-      color: '#666'
-    }
-  }, schemeManager.currentScheme.description)) : /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: '#666'
-    }
-  }, "\u672A\u9009\u62E9\u65B9\u6848 - \u4F7F\u7528\u9ED8\u8BA4\u914D\u7F6E")), /*#__PURE__*/React.createElement(ColumnConfigTable, {
+  }, /*#__PURE__*/React.createElement(ColumnConfigTable, {
     items: form.values.items || [],
     onChange: handleColumnChange,
     simple: type === 'formArrayTable'

package/dist/esm/ag-grid-plus/setting/columnGroupUtils.d.ts

@@ -20,10 +20,14 @@ export declare function gridStateToFlatConfig(columnDefs: (ColDef | ColGroupDef)
  * 扁平化配置 → Grid State
  * 将扁平化数组重建为 AG-Grid 的树形结构
  *
+ * 【重要】如果提供了 originalColumnDefs，会合并原始列定义中的所有属性
+ * 这样可以保留 cellRenderer、valueFormatter、valueEnum 等自定义渲染属性
+ *
  * @param flatConfig 扁平化配置数组
+ * @param originalColumnDefs 原始列定义数组（可选），用于保留自定义属性
  * @returns AG-Grid 列定义数组
  */
-export declare function flatConfigToGridState(flatConfig: FlatColumnItem[]): (ColDef | ColGroupDef)[];
+export declare function flatConfigToGridState(flatConfig: FlatColumnItem[], originalColumnDefs?: (ColDef | ColGroupDef)[]): (ColDef | ColGroupDef)[];
 /**
  * 旧版本数据迁移
  * 将旧的 { groupName } 结构迁移为新的树形结构

package/dist/esm/ag-grid-plus/setting/columnGroupUtils.js

@@ -1,8 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _uniqueId from "lodash/uniqueId";
 /**
  * 表头分组配置工具函数
  * 负责 Grid State 与扁平化配置之间的转换
  */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
 /**
  * 生成唯一 ID
  */
@@ -69,10 +78,45 @@ export function gridStateToFlatConfig(columnDefs) {
  * 扁平化配置 → Grid State
  * 将扁平化数组重建为 AG-Grid 的树形结构
  *
+ * 【重要】如果提供了 originalColumnDefs，会合并原始列定义中的所有属性
+ * 这样可以保留 cellRenderer、valueFormatter、valueEnum 等自定义渲染属性
+ *
  * @param flatConfig 扁平化配置数组
+ * @param originalColumnDefs 原始列定义数组（可选），用于保留自定义属性
  * @returns AG-Grid 列定义数组
  */
-export function flatConfigToGridState(flatConfig) {
+export function flatConfigToGridState(flatConfig, originalColumnDefs) {
+  /**
+   * 从原始列定义中查找指定字段的列定义（支持递归查找分组内的列）
+   */
+  function findOriginalColDef(field, defs) {
+    if (!defs) return undefined;
+    var _iterator = _createForOfIteratorHelper(defs),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var def = _step.value;
+        // 检查是否是分组
+        if ('children' in def && def.children) {
+          // 递归查找分组内的列
+          var found = findOriginalColDef(field, def.children);
+          if (found) return found;
+        } else {
+          // 检查是否是目标列（使用类型守卫）
+          var colDef = def;
+          if (colDef.field === field) {
+            return colDef;
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return undefined;
+  }
+
   /**
    * 递归构建树形结构
    */
@@ -95,6 +139,25 @@ export function flatConfigToGridState(flatConfig) {
         };
       } else {
         // 构建列节点
+        // 查找原始列定义
+        var originalDef = item.field ? findOriginalColDef(item.field, originalColumnDefs) : undefined;
+
+        // 如果找到原始列定义，合并所有属性
+        if (originalDef) {
+          return _objectSpread(_objectSpread({}, originalDef), {}, {
+            // 保留所有原始属性（cellRenderer、valueFormatter、valueEnum 等）
+            // 只覆盖方案中保存的属性
+            headerName: item.headerName,
+            width: item.width,
+            hide: item.hide,
+            pinned: item.pinned === 'notPinned' ? null : item.pinned,
+            cellClass: item.cellClass,
+            flex: item.flex,
+            suppressHeaderFilterButton: item.suppressHeaderFilterButton
+          });
+        }
+
+        // 如果没有找到原始定义，使用基本属性
         return {
           field: item.field,
           headerName: item.headerName,

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

@@ -0,0 +1,5 @@
+/**
+ * AG-Grid v33 主题配置
+ * 使用 themeQuartz API 替代 CSS 变量方式
+ */
+export declare const agGridTheme: import("ag-grid-community").Theme<import("ag-grid-community").ThemeDefaultParams>;

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

@@ -0,0 +1,72 @@
+/**
+ * AG-Grid v33 主题配置
+ * 使用 themeQuartz API 替代 CSS 变量方式
+ */
+
+import { themeQuartz } from 'ag-grid-community';
+export var agGridTheme = themeQuartz.withParams({
+  // 基础颜色
+  backgroundColor: '#FFFFFF',
+  foregroundColor: '#555B62',
+  accentColor: '#087AD1',
+  invalidColor: '#e02525',
+  borderColor: '#F0F0F0',
+  // 浏览器配置
+  browserColorScheme: 'light',
+  // 边框配置
+  wrapperBorder: true,
+  rowBorder: true,
+  columnBorder: true,
+  // 表头配置
+  headerBackgroundColor: '#FAFAFA',
+  headerFontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+  headerFontWeight: 600,
+  headerFontSize: 12,
+  headerHeight: 25,
+  headerTextColor: '#000000E1',
+  headerColumnBorder: true,
+  headerColumnBorderHeight: '100%',
+  headerVerticalPaddingScale: 0.8,
+  // 字体配置
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+  fontSize: 12,
+  // 单元格配置
+  cellTextColor: '#000000E1',
+  cellHorizontalPaddingScale: 0.7,
+  // 行配置
+  rowVerticalPaddingScale: 0.8,
+  rowHoverColor: 'color-mix(in srgb, transparent, #087AD1 12%)',
+  selectedRowBackgroundColor: 'color-mix(in srgb, transparent, #087AD1 8%)',
+  oddRowBackgroundColor: '#FFFFFF',
+  // 列 hover 配置
+  columnHoverColor: 'color-mix(in srgb, transparent, #087AD1 8%)',
+  // 图标尺寸
+  iconSize: 14,
+  // 边角配置
+  borderRadius: 2,
+  wrapperBorderRadius: 2,
+  // 范围选择
+  rangeSelectionBorderStyle: 'solid',
+  rangeSelectionBorderColor: '#087AD1',
+  rangeSelectionBackgroundColor: 'color-mix(in srgb, transparent, #087AD1 20%)',
+  // 弹窗阴影
+  popupShadow: '0 0 16px 0 #00000026',
+  dropdownShadow: '0 1px 4px 1px #babfc766',
+  // 拖拽配置
+  dragAndDropImageBackgroundColor: '#FFFFFF',
+  dragAndDropImageBorder: true,
+  // 焦点阴影
+  focusShadow: '0 0 0 3px color-mix(in srgb, transparent, #087AD1 50%)',
+  // 复选框配置
+  checkboxBorderWidth: 1,
+  checkboxUncheckedBackgroundColor: '#FFFFFF',
+  checkboxCheckedBackgroundColor: '#087AD1',
+  checkboxCheckedBorderColor: '#087AD1',
+  // 切换按钮配置
+  toggleButtonWidth: 28,
+  toggleButtonHeight: 18,
+  toggleButtonOnBackgroundColor: '#087AD1',
+  // 侧边栏配置
+  sideBarPanelWidth: 250,
+  spacing: 6
+});

package/dist/esm/standardFormDialog/useStandardFormSchema.d.ts

@@ -32,7 +32,7 @@ export declare const createSelectField: (title: string, options: Array<{
     required?: boolean | undefined;
     placeholder?: string | undefined;
     gridSpan?: number | undefined;
-    mode?: "tags" | "multiple" | undefined;
+    mode?: "multiple" | "tags" | undefined;
 } | undefined) => any;
 /**
  * 快速创建常用字段的工具函数集合