@nokecy/qc-ui 1.0.91 → 1.0.94

package/dist/esm/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/esm/ag-grid-plus/schemes/storage/useRemoteStorage.js

@@ -0,0 +1,40 @@
+import { useContext, useMemo } from 'react';
+import { GridPlusContext } from "../../context/gridContext";
+import { RemoteStorageAdapter } from "./remoteStorageAdapter";
+import { mergeRemoteStorageConfig } from "./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
+ * });
+ * ```
+ */
+export function useRemoteStorage(localConfig) {
+  var context = useContext(GridPlusContext);
+  return useMemo(function () {
+    // 合并全局配置和局部配置
+    var mergedConfig = mergeRemoteStorageConfig(context.remoteStorageConfig, localConfig);
+    return new RemoteStorageAdapter(mergedConfig);
+  }, [context.remoteStorageConfig, localConfig]);
+}

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

@@ -13,20 +13,25 @@ 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 { 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 React, { useState, useCallback, useMemo, useEffect, useContext } from 'react';
+import { Modal, Tabs, Space, Button, Input, message, Popconfirm, Tag, Tooltip, Empty } from 'antd';
+import { SaveOutlined, ReloadOutlined, EditOutlined, DeleteOutlined, StarOutlined, StarFilled, SearchOutlined } from '@ant-design/icons';
+import { AgGridReact } from 'ag-grid-react';
+import { agGridTheme } from "../theme";
+import { localeText } from "../locale";
 import { createForm, onFormInit } from '@formily/core';
 import { gridStateToFlatConfig, flatConfigToGridState, isOldSchemeData, migrateOldScheme } from "./columnGroupUtils";
 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;
 /**
  * 列方案管理组件 - 集成列配置和列方案管理
  */
 var ColumnSetting = function ColumnSetting(_ref) {
+  var _schemeManager$curren3;
   var gridKey = _ref.gridKey,
     gridApi = _ref.gridApi,
     visible = _ref.visible,
@@ -65,21 +70,21 @@ var ColumnSetting = function ColumnSetting(_ref) {
     schemeDescription = _useState14[0],
     setSchemeDescription = _useState14[1];
 
-  // 搜索和视图状态
+  // 搜索状态
   var _useState15 = useState(''),
     _useState16 = _slicedToArray(_useState15, 2),
     searchText = _useState16[0],
     setSearchText = _useState16[1];
-  var _useState17 = useState('grid'),
-    _useState18 = _slicedToArray(_useState17, 2),
-    viewMode = _useState18[0],
-    setViewMode = _useState18[1];
 
-  // 保存原始列定义,用于取消时恢复
-  var _useState19 = useState(null),
-    _useState20 = _slicedToArray(_useState19, 2),
-    originalColumnDefs = _useState20[0],
-    setOriginalColumnDefs = _useState20[1];
+  // 【修复】从 Context 获取原始完整的列定义
+  var gridPlusContext = useContext(GridPlusContext);
+  var originalColumnDefs = (gridPlusContext === null || gridPlusContext === void 0 ? void 0 : gridPlusContext.allColDefs) || undefined;
+
+  // 【修复】保存快照用于取消时恢复（改名避免与Context的originalColumnDefs冲突）
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    snapshotColumnDefs = _useState18[0],
+    setSnapshotColumnDefs = _useState18[1];
 
   /**
    * 获取列数据 - 将 Grid 的列定义转换为扁平化配置
@@ -152,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]);
 
@@ -170,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]);
 
   /**
    * 保存列配置
@@ -219,8 +224,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
             message.info('检测到旧版本配置，已自动迁移到新格式');
           }
 
-          // 转换为 AG-Grid 的列定义
-          gridColumnDefs = flatConfigToGridState(configToSave); // 先应用列配置到 Grid
+          // 【修复】转换为 AG-Grid 的列定义，传入原始列定义以保留自定义属性
+          gridColumnDefs = flatConfigToGridState(configToSave, originalColumnDefs); // 先应用列配置到 Grid
           if (type !== 'formArrayTable') {
             gridApi.setGridOption("columnDefs", gridColumnDefs);
           }
@@ -301,8 +306,8 @@ var ColumnSetting = function ColumnSetting(_ref) {
             }, _callee, null, [[1, 22]]);
           })), 50);
 
-          // 保存成功后清除备份
-          setOriginalColumnDefs(null);
+          // 【修复】保存成功后清除快照
+          setSnapshotColumnDefs(null);
           message.success('列配置已保存');
           onClose();
         case 12:
@@ -310,7 +315,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 = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -332,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);
           }
@@ -526,114 +532,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.createElement(Input, {
-          value: editingName,
-          onChange: function onChange(e) {
-            return setEditingName(e.target.value);
-          },
-          onPressEnter: handleSaveEdit
-        });
+  // AG-Grid 列定义
+  var schemeColumnDefs = 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.createElement(Input, {
+            value: editingName,
+            onChange: function onChange(e) {
+              return setEditingName(e.target.value);
+            },
+            onPressEnter: handleSaveEdit,
+            size: "small",
+            style: {
+              width: '100%'
+            }
+          });
+        }
+        return /*#__PURE__*/React.createElement(Space, {
+          size: "small"
+        }, /*#__PURE__*/React.createElement("span", null, record.name), record.isDefault && /*#__PURE__*/React.createElement(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.createElement(Tag, {
+          color: "green"
+        }, "\u5F53\u524D"));
       }
-      return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("span", null, text), record.isDefault && /*#__PURE__*/React.createElement(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.createElement(Tag, {
-        color: "green"
-      }, "\u5F53\u524D"));
-    }
-  }, {
-    title: '描述',
-    dataIndex: 'description',
-    key: 'description',
-    render: function render(text, record) {
-      if (editingId === record.id) {
-        return /*#__PURE__*/React.createElement(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.createElement(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.createElement(Space, null, /*#__PURE__*/React.createElement(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.createElement(Space, {
+            size: "small"
+          }, /*#__PURE__*/React.createElement(Button, {
+            size: "small",
+            type: "link",
+            onClick: handleSaveEdit
+          }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
+            size: "small",
+            type: "link",
+            onClick: function onClick() {
+              return setEditingId(null);
+            }
+          }, "\u53D6\u6D88"));
+        }
+        return /*#__PURE__*/React.createElement(Space, {
+          size: "small"
+        }, /*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u52A0\u8F7D\u65B9\u6848"
+        }, /*#__PURE__*/React.createElement(Button, {
+          type: "link",
           size: "small",
+          icon: /*#__PURE__*/React.createElement(ReloadOutlined, null),
+          onClick: function onClick() {
+            return handleLoadScheme(record.id);
+          }
+        }, "\u52A0\u8F7D")), /*#__PURE__*/React.createElement(Tooltip, {
+          title: record.isDefault ? '取消默认' : '设为默认'
+        }, /*#__PURE__*/React.createElement(Button, {
           type: "link",
-          onClick: handleSaveEdit
-        }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
           size: "small",
+          icon: record.isDefault ? /*#__PURE__*/React.createElement(StarFilled, null) : /*#__PURE__*/React.createElement(StarOutlined, null),
+          onClick: function onClick() {
+            return handleSetDefault(record.id);
+          }
+        })), /*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u7F16\u8F91"
+        }, /*#__PURE__*/React.createElement(Button, {
           type: "link",
+          size: "small",
+          icon: /*#__PURE__*/React.createElement(EditOutlined, null),
           onClick: function onClick() {
-            return setEditingId(null);
+            return handleEditScheme(record);
           }
-        }, "\u53D6\u6D88"));
+        })), /*#__PURE__*/React.createElement(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.createElement(Tooltip, {
+          title: "\u5220\u9664"
+        }, /*#__PURE__*/React.createElement(Button, {
+          type: "link",
+          size: "small",
+          danger: true,
+          icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+        }))));
       }
-      return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u52A0\u8F7D\u65B9\u6848"
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "link",
-        size: "small",
-        icon: /*#__PURE__*/React.createElement(ReloadOutlined, null),
-        onClick: function onClick() {
-          return handleLoadScheme(record.id);
-        }
-      }, "\u52A0\u8F7D")), /*#__PURE__*/React.createElement(Tooltip, {
-        title: record.isDefault ? '取消默认' : '设为默认'
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "link",
-        size: "small",
-        icon: record.isDefault ? /*#__PURE__*/React.createElement(StarFilled, null) : /*#__PURE__*/React.createElement(StarOutlined, null),
-        onClick: function onClick() {
-          return handleSetDefault(record.id);
-        }
-      })), /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u7F16\u8F91"
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "link",
-        size: "small",
-        icon: /*#__PURE__*/React.createElement(EditOutlined, null),
-        onClick: function onClick() {
-          return handleEditScheme(record);
-        }
-      })), /*#__PURE__*/React.createElement(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.createElement(Tooltip, {
-        title: "\u5220\u9664"
-      }, /*#__PURE__*/React.createElement(Button, {
-        type: "link",
-        size: "small",
-        danger: true,
-        icon: /*#__PURE__*/React.createElement(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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DraggableModal, {
     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: {
@@ -680,10 +710,7 @@ var ColumnSetting = function ColumnSetting(_ref) {
     key: "schemes"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      marginBottom: 16,
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center'
+      marginBottom: 16
     }
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: "\u641C\u7D22\u65B9\u6848\u540D\u79F0\u6216\u63CF\u8FF0...",
@@ -696,169 +723,32 @@ var ColumnSetting = function ColumnSetting(_ref) {
       width: 300
     },
     allowClear: true
-  }), /*#__PURE__*/React.createElement(Radio.Group, {
-    value: viewMode,
-    onChange: function onChange(e) {
-      return setViewMode(e.target.value);
-    },
-    buttonStyle: "solid"
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "grid"
-  }, /*#__PURE__*/React.createElement(AppstoreOutlined, null), " \u7F51\u683C"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "list"
-  }, /*#__PURE__*/React.createElement(UnorderedListOutlined, null), " \u5217\u8868"))), viewMode === 'grid' && /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     style: {
-      maxHeight: 480,
-      overflowY: 'auto'
+      height: 400,
+      width: '100%'
     }
   }, filteredSchemes.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
-    description: "\u6682\u65E0\u65B9\u6848,\u8BF7\u5148\u4FDD\u5B58\u4E00\u4E2A\u65B9\u6848"
-  }) : /*#__PURE__*/React.createElement(Row, {
-    gutter: [16, 16]
-  }, filteredSchemes.map(function (scheme) {
-    var _schemeManager$curren3, _schemeManager$curren4, _schemeManager$curren5;
-    return /*#__PURE__*/React.createElement(Col, {
-      span: 8,
-      key: scheme.id
-    }, /*#__PURE__*/React.createElement(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.createElement(Tooltip, {
-        title: "\u52A0\u8F7D\u65B9\u6848"
-      }, /*#__PURE__*/React.createElement(ReloadOutlined, {
-        key: "load",
-        onClick: function onClick() {
-          return handleLoadScheme(scheme.id);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/React.createElement(Tooltip, {
-        title: scheme.isDefault ? '取消默认' : '设为默认'
-      }, scheme.isDefault ? /*#__PURE__*/React.createElement(StarFilled, {
-        key: "default",
-        onClick: function onClick() {
-          return handleSetDefault(scheme.id);
-        },
-        style: {
-          fontSize: 16,
-          color: '#faad14'
-        }
-      }) : /*#__PURE__*/React.createElement(StarOutlined, {
-        key: "default",
-        onClick: function onClick() {
-          return handleSetDefault(scheme.id);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u7F16\u8F91"
-      }, /*#__PURE__*/React.createElement(EditOutlined, {
-        key: "edit",
-        onClick: function onClick() {
-          return handleEditScheme(scheme);
-        },
-        style: {
-          fontSize: 16
-        }
-      })), /*#__PURE__*/React.createElement(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.createElement(Tooltip, {
-        title: "\u5220\u9664"
-      }, /*#__PURE__*/React.createElement(DeleteOutlined, {
-        key: "delete",
-        style: {
-          fontSize: 16,
-          color: '#ff4d4f'
-        }
-      })))]
-    }, editingId === scheme.id ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: 8
-      }
-    }, /*#__PURE__*/React.createElement(Input, {
-      value: editingName,
-      onChange: function onChange(e) {
-        return setEditingName(e.target.value);
-      },
-      onPressEnter: handleSaveEdit,
-      placeholder: "\u65B9\u6848\u540D\u79F0"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginBottom: 8
-      }
-    }, /*#__PURE__*/React.createElement(Input.TextArea, {
-      value: editingDescription,
-      onChange: function onChange(e) {
-        return setEditingDescription(e.target.value);
-      },
-      placeholder: "\u65B9\u6848\u63CF\u8FF0",
-      rows: 2
-    })), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      type: "primary",
-      onClick: handleSaveEdit
-    }, "\u4FDD\u5B58"), /*#__PURE__*/React.createElement(Button, {
-      size: "small",
-      onClick: function onClick() {
-        return setEditingId(null);
-      }
-    }, "\u53D6\u6D88"))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card.Meta, {
-      title: /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center',
-          gap: 8
-        }
-      }, /*#__PURE__*/React.createElement("span", {
-        style: {
-          fontWeight: 600
-        }
-      }, scheme.name), scheme.isDefault && /*#__PURE__*/React.createElement(Tag, {
-        color: "blue"
-      }, "\u9ED8\u8BA4"), scheme.id === ((_schemeManager$curren5 = schemeManager.currentScheme) === null || _schemeManager$curren5 === void 0 ? void 0 : _schemeManager$curren5.id) && /*#__PURE__*/React.createElement(Tag, {
-        color: "green"
-      }, "\u5F53\u524D")),
-      description: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        style: {
-          fontSize: 12,
-          color: '#666',
-          marginBottom: 8,
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          display: '-webkit-box',
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: 'vertical'
-        }
-      }, scheme.description || '暂无描述'), /*#__PURE__*/React.createElement("div", {
-        style: {
-          fontSize: 12,
-          color: '#999'
-        }
-      }, "\u66F4\u65B0\u4E8E ", new Date(scheme.updatedAt).toLocaleString()))
-    }))));
-  }))), viewMode === 'list' && /*#__PURE__*/React.createElement(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.createElement(AgGridReact, {
+    theme: agGridTheme,
+    localeText: 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.createElement(Modal, {
+  }))))), /*#__PURE__*/React.createElement(Modal, {
     title: "\u4FDD\u5B58\u4E3A\u65B0\u65B9\u6848",
     open: saveSchemeVisible,
     onOk: handleSaveScheme,