@nokecy/qc-ui 1.0.91 → 1.0.94

package/dist/cjs/ag-grid-plus/schemes/storage/useRemoteStorage.d.ts

@@ -0,0 +1,29 @@
+import { RemoteStorageAdapter, RemoteStorageConfig } from './remoteStorageAdapter';
+/**
+ * 使用全局配置创建 RemoteStorageAdapter
+ * 自动从 GridPlusContext 获取全局配置并与局部配置合并
+ *
+ * @param localConfig 局部配置,会覆盖全局配置
+ * @returns RemoteStorageAdapter 实例
+ *
+ * @example
+ * ```tsx
+ * // 1. 在顶层提供全局配置
+ * <GridPlusContext.Provider value={{
+ *   remoteStorageConfig: {
+ *     apiBaseUrl: 'https://api.example.com',
+ *     getToken: () => localStorage.getItem('token'),
+ *     getUserId: () => localStorage.getItem('userId'),
+ *   }
+ * }}>
+ *   <AgGridPlus ... />
+ * </GridPlusContext.Provider>
+ *
+ * // 2. 在组件中使用(会自动合并全局配置)
+ * const adapter = useRemoteStorage({
+ *   // 仅需提供差异配置,其他从全局继承
+ *   apiVersion: 'v2', // 覆盖全局的 apiVersion
+ * });
+ * ```
+ */
+export declare function useRemoteStorage(localConfig?: Partial<RemoteStorageConfig>): RemoteStorageAdapter;

package/dist/cjs/ag-grid-plus/schemes/storage/useRemoteStorage.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRemoteStorage = useRemoteStorage;
+var _react = require("react");
+var _gridContext = require("../../context/gridContext");
+var _remoteStorageAdapter = require("./remoteStorageAdapter");
+var _configMerger = require("./configMerger");
+/**
+ * 使用全局配置创建 RemoteStorageAdapter
+ * 自动从 GridPlusContext 获取全局配置并与局部配置合并
+ *
+ * @param localConfig 局部配置,会覆盖全局配置
+ * @returns RemoteStorageAdapter 实例
+ *
+ * @example
+ * ```tsx
+ * // 1. 在顶层提供全局配置
+ * <GridPlusContext.Provider value={{
+ *   remoteStorageConfig: {
+ *     apiBaseUrl: 'https://api.example.com',
+ *     getToken: () => localStorage.getItem('token'),
+ *     getUserId: () => localStorage.getItem('userId'),
+ *   }
+ * }}>
+ *   <AgGridPlus ... />
+ * </GridPlusContext.Provider>
+ *
+ * // 2. 在组件中使用(会自动合并全局配置)
+ * const adapter = useRemoteStorage({
+ *   // 仅需提供差异配置,其他从全局继承
+ *   apiVersion: 'v2', // 覆盖全局的 apiVersion
+ * });
+ * ```
+ */
+function useRemoteStorage(localConfig) {
+  var context = (0, _react.useContext)(_gridContext.GridPlusContext);
+  return (0, _react.useMemo)(function () {
+    // 合并全局配置和局部配置
+    var mergedConfig = (0, _configMerger.mergeRemoteStorageConfig)(context.remoteStorageConfig, localConfig);
+    return new _remoteStorageAdapter.RemoteStorageAdapter(mergedConfig);
+  }, [context.remoteStorageConfig, localConfig]);
+}

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

@@ -8,11 +8,15 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
+var _agGridReact = require("ag-grid-react");
+var _theme = require("../theme");
+var _locale = require("../locale");
 var _core = require("@formily/core");
 var _columnGroupUtils = require("./columnGroupUtils");
 var _ColumnConfigTable = _interopRequireDefault(require("./ColumnConfigTable"));
 var _processColumnGroups = _interopRequireDefault(require("../_utils/processColumnGroups"));
 var _draggableModal = _interopRequireDefault(require("../../draggableModal"));
+var _gridContext = require("../context/gridContext");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -36,6 +40,7 @@ var TextArea = _antd.Input.TextArea;
  * 列方案管理组件 - 集成列配置和列方案管理
  */
 var ColumnSetting = function ColumnSetting(_ref) {
+  var _schemeManager$curren3;
   var gridKey = _ref.gridKey,
     gridApi = _ref.gridApi,
     visible = _ref.visible,
@@ -74,21 +79,21 @@ var ColumnSetting = function ColumnSetting(_ref) {
     schemeDescription = _useState14[0],
     setSchemeDescription = _useState14[1];
 
-  // 搜索和视图状态
+  // 搜索状态
   var _useState15 = (0, _react.useState)(''),
     _useState16 = _slicedToArray(_useState15, 2),
     searchText = _useState16[0],
     setSearchText = _useState16[1];
-  var _useState17 = (0, _react.useState)('grid'),
-    _useState18 = _slicedToArray(_useState17, 2),
-    viewMode = _useState18[0],
-    setViewMode = _useState18[1];
 
-  // 保存原始列定义,用于取消时恢复
-  var _useState19 = (0, _react.useState)(null),
-    _useState20 = _slicedToArray(_useState19, 2),
-    originalColumnDefs = _useState20[0],
-    setOriginalColumnDefs = _useState20[1];
+  // 【修复】从 Context 获取原始完整的列定义
+  var gridPlusContext = (0, _react.useContext)(_gridContext.GridPlusContext);
+  var originalColumnDefs = (gridPlusContext === null || gridPlusContext === void 0 ? void 0 : gridPlusContext.allColDefs) || undefined;
+
+  // 【修复】保存快照用于取消时恢复（改名避免与Context的originalColumnDefs冲突）
+  var _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    snapshotColumnDefs = _useState18[0],
+    setSnapshotColumnDefs = _useState18[1];
 
   /**
    * 获取列数据 - 将 Grid 的列定义转换为扁平化配置
@@ -161,11 +166,11 @@ var ColumnSetting = function ColumnSetting(_ref) {
     }
   }, [schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.currentScheme, visible, form, getColumnData]);
 
-  // 弹窗打开时保存原始列定义,用于取消时恢复
+  // 【修复】弹窗打开时保存快照,用于取消时恢复
   (0, _react.useEffect)(function () {
     if (visible) {
       var currentDefs = gridApi.getColumnDefs();
-      setOriginalColumnDefs(currentDefs);
+      setSnapshotColumnDefs(currentDefs);
     }
   }, [visible, gridApi]);
 
@@ -179,31 +184,31 @@ var ColumnSetting = function ColumnSetting(_ref) {
       items: newItems
     });
 
-    // 2. 转换为 AG-Grid 列定义
-    var gridColumnDefs = (0, _columnGroupUtils.flatConfigToGridState)(newItems);
+    // 2. 【修复】转换为 AG-Grid 列定义，传入原始列定义以保留自定义属性
+    var gridColumnDefs = (0, _columnGroupUtils.flatConfigToGridState)(newItems, originalColumnDefs);
 
     // 3. 立即应用到 Grid(实时预览,不保存到方案)
     if (type !== 'formArrayTable') {
       gridApi.setGridOption("columnDefs", gridColumnDefs);
     }
-  }, [form, gridApi, type]);
+  }, [form, gridApi, type, originalColumnDefs]);
 
   /**
    * 关闭弹窗处理 - 取消时恢复原始状态
    * 如果用户取消操作,恢复到打开弹窗前的列定义状态
    */
   var handleClose = (0, _react.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]);
 
   /**
    * 保存列配置
@@ -228,8 +233,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
             _antd.message.info('检测到旧版本配置，已自动迁移到新格式');
           }
 
-          // 转换为 AG-Grid 的列定义
-          gridColumnDefs = (0, _columnGroupUtils.flatConfigToGridState)(configToSave); // 先应用列配置到 Grid
+          // 【修复】转换为 AG-Grid 的列定义，传入原始列定义以保留自定义属性
+          gridColumnDefs = (0, _columnGroupUtils.flatConfigToGridState)(configToSave, originalColumnDefs); // 先应用列配置到 Grid
           if (type !== 'formArrayTable') {
             gridApi.setGridOption("columnDefs", gridColumnDefs);
           }
@@ -310,8 +315,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
             }, _callee, null, [[1, 22]]);
           })), 50);
 
-          // 保存成功后清除备份
-          setOriginalColumnDefs(null);
+          // 【修复】保存成功后清除快照
+          setSnapshotColumnDefs(null);
           _antd.message.success('列配置已保存');
           onClose();
         case 12:
@@ -319,7 +324,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
           return _context2.stop();
       }
     }, _callee2);
-  })), [form, gridApi, onSaveColumnState, type, onClose, schemeManager, gridKey]);
+  })), [form, gridApi, onSaveColumnState, type, onClose, schemeManager, gridKey, originalColumnDefs]);
 
   // 保存为新方案
   var handleSaveScheme = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -341,7 +346,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
           }
           values = form.values;
           columnConfigToSave = values.items; // 直接使用 FlatColumnItem[] 数据
-          processedColumns = (0, _processColumnGroups.default)(values.items); // 先应用到 Grid
+          // 【修复】传入原始列定义以保留自定义属性
+          processedColumns = (0, _processColumnGroups.default)(values.items, originalColumnDefs); // 先应用到 Grid
           if (type !== 'formArrayTable') {
             gridApi.setGridOption("columnDefs", processedColumns);
           }
@@ -535,114 +541,138 @@ var ColumnSetting = function ColumnSetting(_ref) {
     });
   }, [schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.schemes, searchText]);
 
-  // 方案管理表格列定义
-  var schemeColumns = [{
-    title: '方案名称',
-    dataIndex: 'name',
-    key: 'name',
-    render: function render(text, record) {
-      var _schemeManager$curren2;
-      if (editingId === record.id) {
-        return /*#__PURE__*/_react.default.createElement(_antd.Input, {
-          value: editingName,
-          onChange: function onChange(e) {
-            return setEditingName(e.target.value);
-          },
-          onPressEnter: handleSaveEdit
-        });
+  // AG-Grid 列定义
+  var schemeColumnDefs = (0, _react.useMemo)(function () {
+    return [{
+      headerName: '方案名称',
+      field: 'name',
+      flex: 1,
+      minWidth: 200,
+      cellRenderer: function cellRenderer(params) {
+        var _schemeManager$curren2;
+        var record = params.data;
+        if (!record) return null;
+        if (editingId === record.id) {
+          return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+            value: editingName,
+            onChange: function onChange(e) {
+              return setEditingName(e.target.value);
+            },
+            onPressEnter: handleSaveEdit,
+            size: "small",
+            style: {
+              width: '100%'
+            }
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+          size: "small"
+        }, /*#__PURE__*/_react.default.createElement("span", null, record.name), record.isDefault && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+          color: "blue"
+        }, "\u9ED8\u8BA4"), record.id === (schemeManager === null || schemeManager === void 0 || (_schemeManager$curren2 = schemeManager.currentScheme) === null || _schemeManager$curren2 === void 0 ? void 0 : _schemeManager$curren2.id) && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+          color: "green"
+        }, "\u5F53\u524D"));
       }
-      return /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement("span", null, text), record.isDefault && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
-        color: "blue"
-      }, "\u9ED8\u8BA4"), record.id === (schemeManager === null || schemeManager === void 0 || (_schemeManager$curren2 = schemeManager.currentScheme) === null || _schemeManager$curren2 === void 0 ? void 0 : _schemeManager$curren2.id) && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
-        color: "green"
-      }, "\u5F53\u524D"));
-    }
-  }, {
-    title: '描述',
-    dataIndex: 'description',
-    key: 'description',
-    render: function render(text, record) {
-      if (editingId === record.id) {
-        return /*#__PURE__*/_react.default.createElement(_antd.Input, {
-          value: editingDescription,
-          onChange: function onChange(e) {
-            return setEditingDescription(e.target.value);
-          },
-          onPressEnter: handleSaveEdit
-        });
+    }, {
+      headerName: '描述',
+      field: 'description',
+      flex: 1,
+      minWidth: 200,
+      cellRenderer: function cellRenderer(params) {
+        var record = params.data;
+        if (!record) return null;
+        if (editingId === record.id) {
+          return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+            value: editingDescription,
+            onChange: function onChange(e) {
+              return setEditingDescription(e.target.value);
+            },
+            onPressEnter: handleSaveEdit,
+            size: "small",
+            style: {
+              width: '100%'
+            }
+          });
+        }
+        return record.description || '-';
       }
-      return text || '-';
-    }
-  }, {
-    title: '更新时间',
-    dataIndex: 'updatedAt',
-    key: 'updatedAt',
-    width: 180,
-    render: function render(date) {
-      return new Date(date).toLocaleString();
-    }
-  }, {
-    title: '操作',
-    key: 'actions',
-    width: 200,
-    render: function render(_, record) {
-      if (editingId === record.id) {
-        return /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    }, {
+      headerName: '更新时间',
+      field: 'updatedAt',
+      width: 180,
+      valueFormatter: function valueFormatter(params) {
+        if (!params.value) return '';
+        return new Date(params.value).toLocaleString();
+      }
+    }, {
+      headerName: '操作',
+      colId: 'actions',
+      width: 220,
+      cellRenderer: function cellRenderer(params) {
+        var record = params.data;
+        if (!record) return null;
+        if (editingId === record.id) {
+          return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+            size: "small"
+          }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+            size: "small",
+            type: "link",
+            onClick: handleSaveEdit
+          }, "\u4FDD\u5B58"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+            size: "small",
+            type: "link",
+            onClick: function onClick() {
+              return setEditingId(null);
+            }
+          }, "\u53D6\u6D88"));
+        }
+        return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+          size: "small"
+        }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+          title: "\u52A0\u8F7D\u65B9\u6848"
+        }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+          type: "link",
           size: "small",
+          icon: /*#__PURE__*/_react.default.createElement(_icons.ReloadOutlined, null),
+          onClick: function onClick() {
+            return handleLoadScheme(record.id);
+          }
+        }, "\u52A0\u8F7D")), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+          title: record.isDefault ? '取消默认' : '设为默认'
+        }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
           type: "link",
-          onClick: handleSaveEdit
-        }, "\u4FDD\u5B58"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
           size: "small",
+          icon: record.isDefault ? /*#__PURE__*/_react.default.createElement(_icons.StarFilled, null) : /*#__PURE__*/_react.default.createElement(_icons.StarOutlined, null),
+          onClick: function onClick() {
+            return handleSetDefault(record.id);
+          }
+        })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+          title: "\u7F16\u8F91"
+        }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
           type: "link",
+          size: "small",
+          icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null),
           onClick: function onClick() {
-            return setEditingId(null);
+            return handleEditScheme(record);
           }
-        }, "\u53D6\u6D88"));
+        })), /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
+          title: "\u786E\u5B9A\u8981\u5220\u9664\u6B64\u65B9\u6848\u5417?",
+          onConfirm: function onConfirm() {
+            return handleDeleteScheme(record.id, record.name);
+          },
+          okText: "\u786E\u5B9A",
+          cancelText: "\u53D6\u6D88"
+        }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+          title: "\u5220\u9664"
+        }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+          type: "link",
+          size: "small",
+          danger: true,
+          icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+        }))));
       }
-      return /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u52A0\u8F7D\u65B9\u6848"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_icons.ReloadOutlined, null),
-        onClick: function onClick() {
-          return handleLoadScheme(record.id);
-        }
-      }, "\u52A0\u8F7D")), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: record.isDefault ? '取消默认' : '设为默认'
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        size: "small",
-        icon: record.isDefault ? /*#__PURE__*/_react.default.createElement(_icons.StarFilled, null) : /*#__PURE__*/_react.default.createElement(_icons.StarOutlined, null),
-        onClick: function onClick() {
-          return handleSetDefault(record.id);
-        }
-      })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u7F16\u8F91"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null),
-        onClick: function onClick() {
-          return handleEditScheme(record);
-        }
-      })), /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
-        title: "\u786E\u5B9A\u8981\u5220\u9664\u6B64\u65B9\u6848\u5417?",
-        onConfirm: function onConfirm() {
-          return handleDeleteScheme(record.id, record.name);
-        },
-        okText: "\u786E\u5B9A",
-        cancelText: "\u53D6\u6D88"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u5220\u9664"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-        type: "link",
-        size: "small",
-        danger: true,
-        icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
-      }))));
-    }
-  }];
+    }];
+  }, [editingId, editingName, editingDescription, schemeManager === null || schemeManager === void 0 || (_schemeManager$curren3 = schemeManager.currentScheme) === null || _schemeManager$curren3 === void 0 ? void 0 : _schemeManager$curren3.id, handleSaveEdit, handleLoadScheme, handleSetDefault, handleEditScheme, handleDeleteScheme]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_draggableModal.default, {
     title: /*#__PURE__*/_react.default.createElement("span", null, "\u5217\u65B9\u6848\u7BA1\u7406", (schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.currentScheme) && /*#__PURE__*/_react.default.createElement("span", {
       style: {
@@ -689,10 +719,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
     key: "schemes"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      marginBottom: 16,
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
+      marginBottom: 16
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
     placeholder: "\u641C\u7D22\u65B9\u6848\u540D\u79F0\u6216\u63CF\u8FF0...",
@@ -705,169 +732,32 @@ var ColumnSetting = function ColumnSetting(_ref) {
       width: 300
     },
     allowClear: true
-  }), /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
-    value: viewMode,
-    onChange: function onChange(e) {
-      return setViewMode(e.target.value);
-    },
-    buttonStyle: "solid"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: "grid"
-  }, /*#__PURE__*/_react.default.createElement(_icons.AppstoreOutlined, null), " \u7F51\u683C"), /*#__PURE__*/_react.default.createElement(_antd.Radio.Button, {
-    value: "list"
-  }, /*#__PURE__*/_react.default.createElement(_icons.UnorderedListOutlined, null), " \u5217\u8868"))), viewMode === 'grid' && /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      maxHeight: 480,
-      overflowY: 'auto'
+      height: 400,
+      width: '100%'
     }
   }, filteredSchemes.length === 0 ? /*#__PURE__*/_react.default.createElement(_antd.Empty, {
-    description: "\u6682\u65E0\u65B9\u6848,\u8BF7\u5148\u4FDD\u5B58\u4E00\u4E2A\u65B9\u6848"
-  }) : /*#__PURE__*/_react.default.createElement(_antd.Row, {
-    gutter: [16, 16]
-  }, filteredSchemes.map(function (scheme) {
-    var _schemeManager$curren3, _schemeManager$curren4, _schemeManager$curren5;
-    return /*#__PURE__*/_react.default.createElement(_antd.Col, {
-      span: 8,
-      key: scheme.id
-    }, /*#__PURE__*/_react.default.createElement(_antd.Card, {
-      hoverable: true,
-      style: {
-        height: '100%',
-        borderColor: scheme.id === ((_schemeManager$curren3 = schemeManager.currentScheme) === null || _schemeManager$curren3 === void 0 ? void 0 : _schemeManager$curren3.id) ? '#1890ff' : undefined,
-        borderWidth: scheme.id === ((_schemeManager$curren4 = schemeManager.currentScheme) === null || _schemeManager$curren4 === void 0 ? void 0 : _schemeManager$curren4.id) ? 2 : 1
-      },
-      actions: [/*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u52A0\u8F7D\u65B9\u6848"
-      }, /*#__PURE__*/_react.default.createElement(_icons.ReloadOutlined, {
-        key: "load",
-        onClick: function onClick() {
-          return handleLoadScheme(scheme.id);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: scheme.isDefault ? '取消默认' : '设为默认'
-      }, scheme.isDefault ? /*#__PURE__*/_react.default.createElement(_icons.StarFilled, {
-        key: "default",
-        onClick: function onClick() {
-          return handleSetDefault(scheme.id);
-        },
-        style: {
-          fontSize: 16,
-          color: '#faad14'
-        }
-      }) : /*#__PURE__*/_react.default.createElement(_icons.StarOutlined, {
-        key: "default",
-        onClick: function onClick() {
-          return handleSetDefault(scheme.id);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u7F16\u8F91"
-      }, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, {
-        key: "edit",
-        onClick: function onClick() {
-          return handleEditScheme(scheme);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
-        title: "\u786E\u5B9A\u8981\u5220\u9664\u6B64\u65B9\u6848\u5417?",
-        onConfirm: function onConfirm() {
-          return handleDeleteScheme(scheme.id, scheme.name);
-        },
-        okText: "\u786E\u5B9A",
-        cancelText: "\u53D6\u6D88"
-      }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        title: "\u5220\u9664"
-      }, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, {
-        key: "delete",
-        style: {
-          fontSize: 16,
-          color: '#ff4d4f'
-        }
-      })))]
-    }, editingId === scheme.id ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginBottom: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-      value: editingName,
-      onChange: function onChange(e) {
-        return setEditingName(e.target.value);
-      },
-      onPressEnter: handleSaveEdit,
-      placeholder: "\u65B9\u6848\u540D\u79F0"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginBottom: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
-      value: editingDescription,
-      onChange: function onChange(e) {
-        return setEditingDescription(e.target.value);
-      },
-      placeholder: "\u65B9\u6848\u63CF\u8FF0",
-      rows: 2
-    })), /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      size: "small",
-      type: "primary",
-      onClick: handleSaveEdit
-    }, "\u4FDD\u5B58"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      size: "small",
-      onClick: function onClick() {
-        return setEditingId(null);
-      }
-    }, "\u53D6\u6D88"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Card.Meta, {
-      title: /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: 8
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: {
-          fontWeight: 600
-        }
-      }, scheme.name), scheme.isDefault && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
-        color: "blue"
-      }, "\u9ED8\u8BA4"), scheme.id === ((_schemeManager$curren5 = schemeManager.currentScheme) === null || _schemeManager$curren5 === void 0 ? void 0 : _schemeManager$curren5.id) && /*#__PURE__*/_react.default.createElement(_antd.Tag, {
-        color: "green"
-      }, "\u5F53\u524D")),
-      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          fontSize: 12,
-          color: '#666',
-          marginBottom: 8,
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          display: '-webkit-box',
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: 'vertical'
-        }
-      }, scheme.description || '暂无描述'), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          fontSize: 12,
-          color: '#999'
-        }
-      }, "\u66F4\u65B0\u4E8E ", new Date(scheme.updatedAt).toLocaleString()))
-    }))));
-  }))), viewMode === 'list' && /*#__PURE__*/_react.default.createElement(_antd.Table, {
-    dataSource: filteredSchemes,
-    columns: schemeColumns,
-    rowKey: "id",
-    pagination: false,
-    scroll: {
-      y: 400
+    description: "\u6682\u65E0\u65B9\u6848,\u8BF7\u5148\u4FDD\u5B58\u4E00\u4E2A\u65B9\u6848",
+    style: {
+      marginTop: 100
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
+    theme: _theme.agGridTheme,
+    localeText: _locale.localeText,
+    rowData: filteredSchemes,
+    columnDefs: schemeColumnDefs,
+    defaultColDef: {
+      sortable: true,
+      resizable: true
     },
-    locale: {
-      emptyText: '暂无方案,请先保存一个方案'
+    rowSelection: "single",
+    animateRows: true,
+    suppressCellFocus: true,
+    getRowId: function getRowId(params) {
+      return params.data.id;
     }
-  })))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+  }))))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
     title: "\u4FDD\u5B58\u4E3A\u65B0\u65B9\u6848",
     open: saveSchemeVisible,
     onOk: handleSaveScheme,