@nokecy/qc-ui 1.0.82 → 1.0.83

package/dist/cjs/ag-grid-plus/schemes/hooks/useColumnSchemes.js

@@ -75,7 +75,7 @@ function useColumnSchemes(config) {
    * 加载方案列表
    */
   var loadSchemesList = (0, _react.useCallback)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var loadedSchemes, schemeToLoad, lastSchemeId;
+    var loadedSchemes, schemeToLoad, lastSchemeId, _schemeToLoad$columnC;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -116,6 +116,12 @@ function useColumnSchemes(config) {
 
           // 3. 应用方案
           if (schemeToLoad) {
+            console.log('[useColumnSchemes] 加载方案完成,准备调用 onSchemeChange:', {
+              schemeId: schemeToLoad.id,
+              schemeName: schemeToLoad.name,
+              hasColumnConfig: !!schemeToLoad.columnConfig,
+              columnConfigCount: ((_schemeToLoad$columnC = schemeToLoad.columnConfig) === null || _schemeToLoad$columnC === void 0 ? void 0 : _schemeToLoad$columnC.length) || 0
+            });
             setCurrentScheme(schemeToLoad);
             onSchemeChange === null || onSchemeChange === void 0 || onSchemeChange(schemeToLoad);
           }
@@ -223,6 +229,7 @@ function useColumnSchemes(config) {
    */
   var saveScheme = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(updates) {
+      var _updates$columnConfig, _updates$columnConfig2, _updatedScheme$column, _updatedScheme$column2, _updatedScheme$column3;
       var nameValidation, descValidation, updatedScheme, updatedSchemes;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -234,47 +241,86 @@ function useColumnSchemes(config) {
             console.error('[useColumnSchemes] 没有激活的方案');
             return _context4.abrupt("return");
           case 3:
+            console.log('[useColumnSchemes] saveScheme 被调用:', {
+              currentSchemeId: currentScheme.id,
+              currentSchemeName: currentScheme.name,
+              updates: updates,
+              hasColumnConfig: !!(updates !== null && updates !== void 0 && updates.columnConfig),
+              columnConfigLength: (updates === null || updates === void 0 || (_updates$columnConfig = updates.columnConfig) === null || _updates$columnConfig === void 0 ? void 0 : _updates$columnConfig.length) || 0,
+              columnConfigDetail: updates === null || updates === void 0 || (_updates$columnConfig2 = updates.columnConfig) === null || _updates$columnConfig2 === void 0 ? void 0 : _updates$columnConfig2.map(function (item) {
+                return {
+                  type: item.type,
+                  headerName: item.headerName,
+                  field: item.field,
+                  order: item.order,
+                  parentId: item.parentId
+                };
+              })
+            });
+
+            // 验证更新内容
             if (!(updates !== null && updates !== void 0 && updates.name)) {
-              _context4.next = 9;
+              _context4.next = 10;
               break;
             }
             nameValidation = (0, _validator.validateSchemeName)(updates.name);
             if (nameValidation.valid) {
-              _context4.next = 7;
+              _context4.next = 8;
               break;
             }
             throw new Error(nameValidation.error);
-          case 7:
+          case 8:
             if (!(0, _validator.checkDuplicateName)(updates.name, schemes, currentScheme.id)) {
-              _context4.next = 9;
+              _context4.next = 10;
               break;
             }
             throw new Error('方案名称已存在');
-          case 9:
+          case 10:
             if (!(updates !== null && updates !== void 0 && updates.description)) {
-              _context4.next = 13;
+              _context4.next = 14;
               break;
             }
             descValidation = (0, _validator.validateSchemeDescription)(updates.description);
             if (descValidation.valid) {
-              _context4.next = 13;
+              _context4.next = 14;
               break;
             }
             throw new Error(descValidation.error);
-          case 13:
+          case 14:
             updatedScheme = _objectSpread(_objectSpread(_objectSpread({}, currentScheme), updates), {}, {
               updatedAt: Date.now()
             });
+            console.log('[useColumnSchemes] 准备保存的方案数据:', {
+              schemeId: updatedScheme.id,
+              schemeName: updatedScheme.name,
+              hasColumnConfig: !!updatedScheme.columnConfig,
+              columnConfigLength: ((_updatedScheme$column = updatedScheme.columnConfig) === null || _updatedScheme$column === void 0 ? void 0 : _updatedScheme$column.length) || 0,
+              columnConfigDetail: (_updatedScheme$column2 = updatedScheme.columnConfig) === null || _updatedScheme$column2 === void 0 ? void 0 : _updatedScheme$column2.map(function (item) {
+                return {
+                  type: item.type,
+                  headerName: item.headerName,
+                  field: item.field,
+                  order: item.order,
+                  parentId: item.parentId
+                };
+              })
+            });
             updatedSchemes = schemes.map(function (s) {
               return s.id === currentScheme.id ? updatedScheme : s;
             });
-            _context4.next = 17;
+            _context4.next = 19;
             return saveSchemesToStorage(updatedSchemes);
-          case 17:
+          case 19:
             setCurrentScheme(updatedScheme);
             setIsDirty(false);
+            console.log('[useColumnSchemes] 方案保存完成,当前 currentScheme:', {
+              schemeId: updatedScheme.id,
+              schemeName: updatedScheme.name,
+              hasColumnConfig: !!updatedScheme.columnConfig,
+              columnConfigLength: ((_updatedScheme$column3 = updatedScheme.columnConfig) === null || _updatedScheme$column3 === void 0 ? void 0 : _updatedScheme$column3.length) || 0
+            });
             onSchemeSave === null || onSchemeSave === void 0 || onSchemeSave(updatedScheme);
-          case 20:
+          case 23:
           case "end":
             return _context4.stop();
         }
@@ -289,7 +335,7 @@ function useColumnSchemes(config) {
    * 创建新方案
    */
   var createScheme = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, columnState, options) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, columnConfig, options) {
       var nameValidation, uniqueName, newScheme, updatedSchemes;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -315,7 +361,7 @@ function useColumnSchemes(config) {
               name: uniqueName,
               createdAt: Date.now(),
               updatedAt: Date.now(),
-              columnState: columnState
+              columnConfig: columnConfig
             }, options); // 如果设置为默认方案，取消其他方案的默认标记
             updatedSchemes = schemes;
             if (newScheme.isDefault) {

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

@@ -61,7 +61,7 @@ var LocalStorageAdapter = exports.LocalStorageAdapter = /*#__PURE__*/function ()
     key: "migrateOldData",
     value: (function () {
       var _migrateOldData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(gridId) {
-        var oldKey, oldData, columnState, migratedScheme;
+        var oldKey, oldData;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -74,35 +74,21 @@ var LocalStorageAdapter = exports.LocalStorageAdapter = /*#__PURE__*/function ()
               return _context.abrupt("return", []);
             case 4:
               _context.prev = 4;
-              columnState = JSON.parse(oldData); // 创建默认方案
-              migratedScheme = {
-                id: _constants.MIGRATED_DEFAULT_SCHEME_ID,
-                name: _constants.DEFAULT_SCHEME_NAME,
-                isDefault: true,
-                isSystem: true,
-                createdAt: Date.now(),
-                updatedAt: Date.now(),
-                columnState: columnState,
-                description: '由旧版本列配置自动迁移'
-              }; // 保存到新格式
-              _context.next = 9;
-              return this.saveSchemes(gridId, [migratedScheme]);
-            case 9:
-              // 可选：保留旧数据作为备份或删除
-              // localStorage.removeItem(oldKey);
-
-              console.log("[SchemeManager] \u5DF2\u8FC1\u79FB\u65E7\u5217\u914D\u7F6E\u6570\u636E\u5230\u65B9\u6848\u7CFB\u7EDF: ".concat(gridId));
-              return _context.abrupt("return", [migratedScheme]);
-            case 13:
-              _context.prev = 13;
+              // 注意:旧数据已无法自动迁移,因为缺少 columnConfig
+              // 建议手动处理或提示用户重新配置
+              console.warn("[SchemeManager] \u68C0\u6D4B\u5230\u65E7\u683C\u5F0F\u6570\u636E,\u4F46\u65E0\u6CD5\u81EA\u52A8\u8FC1\u79FB: ".concat(gridId));
+              console.warn('[SchemeManager] 请手动重新配置列方案');
+              return _context.abrupt("return", []);
+            case 10:
+              _context.prev = 10;
               _context.t0 = _context["catch"](4);
-              console.error('[SchemeManager] 迁移旧数据失败:', _context.t0);
+              console.error('[SchemeManager] 检查旧数据失败:', _context.t0);
               return _context.abrupt("return", []);
-            case 17:
+            case 14:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[4, 13]]);
+        }, _callee, this, [[4, 10]]);
       }));
       function migrateOldData(_x) {
         return _migrateOldData.apply(this, arguments);
@@ -167,7 +153,7 @@ var LocalStorageAdapter = exports.LocalStorageAdapter = /*#__PURE__*/function ()
             case 9:
               schemes = JSON.parse(data); // 验证数据完整性
               return _context2.abrupt("return", schemes.filter(function (scheme) {
-                return scheme.id && scheme.name && scheme.columnState && Array.isArray(scheme.columnState);
+                return scheme.id && scheme.name && scheme.columnConfig && Array.isArray(scheme.columnConfig);
               }));
             case 13:
               _context2.prev = 13;

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

@@ -1,4 +1,5 @@
 import { ColumnState } from 'ag-grid-community';
+import type { FlatColumnItem } from '../setting/columnGroupTypes';
 /**
  * 列配置方案数据结构
  */
@@ -15,8 +16,10 @@ export interface ColumnScheme {
     createdAt: number;
     /** 更新时间戳 */
     updatedAt: number;
-    /** AG-Grid 列状态数据 */
-    columnState: ColumnState[];
+    /** 完整的列配置数据(包含分组层级结构) */
+    columnConfig: FlatColumnItem[];
+    /** AG-Grid 过滤器模型数据（可选） */
+    filterModel?: any;
     /** 方案描述（可选） */
     description?: string;
     /** 标签分类（可选，扩展功能） */
@@ -106,9 +109,9 @@ export interface UseColumnSchemesReturn {
     /** 保存当前方案（更新现有方案） */
     saveScheme: (updates?: Partial<ColumnScheme>) => Promise<void>;
     /** 创建新方案 */
-    createScheme: (name: string, columnState: ColumnState[], options?: Partial<ColumnScheme>) => Promise<ColumnScheme>;
-    /** 更新方案信息（不影响 columnState） */
-    updateScheme: (schemeId: string, updates: Partial<Omit<ColumnScheme, 'id' | 'columnState'>>) => Promise<void>;
+    createScheme: (name: string, columnConfig: FlatColumnItem[], options?: Partial<ColumnScheme>) => Promise<ColumnScheme>;
+    /** 更新方案信息（不影响 columnConfig） */
+    updateScheme: (schemeId: string, updates: Partial<Omit<ColumnScheme, 'id' | 'columnConfig'>>) => Promise<void>;
     /** 删除方案 */
     deleteScheme: (schemeId: string) => Promise<void>;
     /** 重置到方案原始状态 */

package/dist/cjs/ag-grid-plus/schemes/utils/validator.js

@@ -17,35 +17,31 @@ function validateScheme(scheme, currentColumnDefs) {
   var invalidColumns = [];
   var validatedState = [];
 
-  // 获取当前有效的列 ID 集合
-  var validColIds = new Set(currentColumnDefs.filter(function (col) {
+  // 获取当前有效的列 field 集合
+  var validFields = new Set(currentColumnDefs.filter(function (col) {
     return col.field || col.colId;
   }).map(function (col) {
     return col.field || col.colId;
   }));
 
-  // 验证每个列状态
-  scheme.columnState.forEach(function (columnState) {
-    var colId = columnState.colId;
-    if (!colId) {
-      warnings.push('发现没有 colId 的列状态');
-      return;
+  // 验证每个列配置项
+  scheme.columnConfig.forEach(function (item) {
+    // 只验证列类型(非分组),因为分组没有对应的 field
+    if (item.type === 'column' && item.field) {
+      // 检查列是否仍然存在于表格定义中
+      if (!validFields.has(item.field)) {
+        invalidColumns.push(item.field);
+        warnings.push("\u5217 \"".concat(item.field, "\" \u5728\u5F53\u524D\u8868\u683C\u4E2D\u4E0D\u5B58\u5728"));
+      }
     }
-
-    // 检查列是否仍然存在于表格定义中
-    if (!validColIds.has(colId)) {
-      invalidColumns.push(colId);
-      warnings.push("\u5217 \"".concat(colId, "\" \u5728\u5F53\u524D\u8868\u683C\u4E2D\u4E0D\u5B58\u5728"));
-      return;
-    }
-
-    // 列有效，添加到验证后的状态中
-    validatedState.push(columnState);
   });
   var valid = invalidColumns.length === 0;
   if (!valid) {
     warnings.push("\u5171\u6709 ".concat(invalidColumns.length, " \u4E2A\u5217\u5728\u5F53\u524D\u8868\u683C\u4E2D\u4E0D\u5B58\u5728\uFF0C\u5DF2\u81EA\u52A8\u8FC7\u6EE4"));
   }
+
+  // 注意: validatedState 保持为空数组,因为 columnConfig 不是 ColumnState 格式
+  // 如果需要转换,应在调用方进行
   return {
     valid: valid,
     invalidColumns: invalidColumns,

package/dist/cjs/ag-grid-plus/setting/ColumnConfigForm.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 列配置表单组件
+ * 使用 Formily ArrayTable 展示和编辑列配置
+ * 支持表头分组的树形结构展示
+ */
+import React from 'react';
+import { Form } from '@formily/core';
+interface ColumnConfigFormProps {
+    form: Form;
+    onDeleteNode: (nodeId: string) => void;
+}
+/**
+ * 列配置表单组件
+ */
+declare const ColumnConfigForm: React.FC<ColumnConfigFormProps>;
+export default ColumnConfigForm;

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

@@ -0,0 +1,348 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _antdV = require("@formily/antd-v5");
+var _react2 = require("@formily/react");
+var _arrayTable = _interopRequireDefault(require("../../array-table"));
+var _NameColumnRenderer = _interopRequireDefault(require("./NameColumnRenderer"));
+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; }
+/**
+ * 列配置表单组件
+ * 使用 Formily ArrayTable 展示和编辑列配置
+ * 支持表头分组的树形结构展示
+ */
+
+var SchemaField = (0, _react2.createSchemaField)({
+  components: {
+    FormItem: _antdV.FormItem,
+    FormGrid: _antdV.FormGrid,
+    Space: _antd.Space,
+    Input: _antdV.Input,
+    Select: _antdV.Select,
+    ArrayTable: _arrayTable.default,
+    NumberPicker: _antdV.NumberPicker,
+    Switch: _antdV.Switch
+  }
+});
+
+/**
+ * 自定义排序抓手
+ */
+var CustomSortHandle = function CustomSortHandle() {
+  return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: "\u62D6\u52A8\u6392\u5E8F\uFF08\u4EC5\u652F\u6301\u540C\u7EA7\uFF09"
+  }, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, {
+    style: {
+      fontSize: 16,
+      color: '#999',
+      cursor: 'move'
+    }
+  }));
+};
+
+/**
+ * 列配置表单组件
+ */
+var ColumnConfigForm = function ColumnConfigForm(_ref) {
+  var form = _ref.form,
+    onDeleteNode = _ref.onDeleteNode;
+  /**
+   * 渲染操作列
+   * 根据节点类型显示不同的操作按钮
+   */
+  var renderActions = (0, _react.useCallback)(function (record) {
+    var type = record.type,
+      id = record.id,
+      headerName = record.headerName,
+      _isNew = record._isNew;
+    if (type === 'group') {
+      return /*#__PURE__*/_react.default.createElement(_antd.Space, null, _isNew && /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, {
+        title: "\u786E\u5B9A\u8981\u5220\u9664\u5206\u7EC4\"".concat(headerName, "\"\u53CA\u5176\u6240\u6709\u5B50\u5217\u5417\uFF1F"),
+        onConfirm: function onConfirm() {
+          return onDeleteNode(id);
+        },
+        okText: "\u786E\u5B9A",
+        cancelText: "\u53D6\u6D88"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: "\u5220\u9664\u5206\u7EC4"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        type: "link",
+        size: "small",
+        danger: true,
+        icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+      }))));
+    } else {
+      // 列不允许删除
+      return null;
+    }
+  }, [onDeleteNode]);
+
+  // 配置 ArrayTable 属性
+  var tableProps = {
+    onRowDrag: true,
+    components: {
+      SortHandle: CustomSortHandle
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_antdV.FormLayout, null, /*#__PURE__*/_react.default.createElement(SchemaField, null, /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "FormGrid",
+    "x-component-props": {
+      maxColumns: [1, 3],
+      strictAutoFit: true
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.Array, {
+    name: "items",
+    title: "",
+    "x-component": "ArrayTable",
+    "x-component-props": tableProps,
+    "x-decorator": "FormItem",
+    "x-decorator-props": {
+      gridSpan: 3
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.Object, null, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "id",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "type",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.Number, {
+    name: "level",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.Number, {
+    name: "order",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "parentId",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "groupId",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "field",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.Boolean, {
+    name: "_isNew",
+    "x-display": "hidden"
+  }), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 60,
+      title: '排序',
+      align: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-decorator": "FormItem",
+    required: true,
+    "x-component": "ArrayTable.SortHandle"
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 200,
+      title: '名称'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "headerName",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name;
+      var index = (_props$name = props.name) === null || _props$name === void 0 || (_props$name = _props$name.toString().match(/\d+/)) === null || _props$name === void 0 ? void 0 : _props$name[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      return /*#__PURE__*/_react.default.createElement(_NameColumnRenderer.default, {
+        value: props.value,
+        record: record,
+        allItems: items,
+        onChange: props.onChange
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 180,
+      title: '操作',
+      align: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": function xComponent(props) {
+      var _props$name2;
+      var index = (_props$name2 = props.name) === null || _props$name2 === void 0 || (_props$name2 = _props$name2.toString().match(/\d+/)) === null || _props$name2 === void 0 ? void 0 : _props$name2[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if (!record) return null;
+      return renderActions(record);
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 100,
+      title: '宽度'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "width",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name3;
+      var index = (_props$name3 = props.name) === null || _props$name3 === void 0 || (_props$name3 = _props$name3.toString().match(/\d+/)) === null || _props$name3 === void 0 ? void 0 : _props$name3[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.NumberPicker, {
+        value: props.value,
+        onChange: props.onChange
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 100,
+      title: '占满'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "flex",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name4;
+      var index = (_props$name4 = props.name) === null || _props$name4 === void 0 || (_props$name4 = _props$name4.toString().match(/\d+/)) === null || _props$name4 === void 0 ? void 0 : _props$name4[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.Select, {
+        value: props.value,
+        onChange: props.onChange,
+        options: [{
+          value: 1,
+          label: '占满'
+        }, {
+          value: 0,
+          label: '不占满'
+        }]
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 100,
+      title: '固定'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "pinned",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name5;
+      var index = (_props$name5 = props.name) === null || _props$name5 === void 0 || (_props$name5 = _props$name5.toString().match(/\d+/)) === null || _props$name5 === void 0 ? void 0 : _props$name5[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.Select, {
+        value: props.value,
+        onChange: props.onChange,
+        options: [{
+          value: 'left',
+          label: '左固定'
+        }, {
+          value: 'right',
+          label: '右固定'
+        }, {
+          value: 'notPinned',
+          label: '不固定'
+        }]
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 80,
+      title: '隐藏',
+      align: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "hide",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name6;
+      var index = (_props$name6 = props.name) === null || _props$name6 === void 0 || (_props$name6 = _props$name6.toString().match(/\d+/)) === null || _props$name6 === void 0 ? void 0 : _props$name6[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.Switch, {
+        checked: props.value,
+        onChange: props.onChange
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 120,
+      title: '布局'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "cellClass",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name7;
+      var index = (_props$name7 = props.name) === null || _props$name7 === void 0 || (_props$name7 = _props$name7.toString().match(/\d+/)) === null || _props$name7 === void 0 ? void 0 : _props$name7[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.Select, {
+        value: props.value || 'custom-cell-left',
+        onChange: props.onChange,
+        options: [{
+          value: 'custom-cell-left',
+          label: '左对齐'
+        }, {
+          value: 'custom-cell-right',
+          label: '右对齐'
+        }, {
+          value: 'custom-cell-centered',
+          label: '居中'
+        }]
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(SchemaField.Void, {
+    "x-component": "ArrayTable.Column",
+    "x-component-props": {
+      width: 100,
+      title: '列过滤',
+      align: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(SchemaField.String, {
+    name: "suppressHeaderFilterButton",
+    "x-decorator": "FormItem",
+    "x-component": function xComponent(props) {
+      var _props$name8;
+      var index = (_props$name8 = props.name) === null || _props$name8 === void 0 || (_props$name8 = _props$name8.toString().match(/\d+/)) === null || _props$name8 === void 0 ? void 0 : _props$name8[0];
+      var items = form.values.items || [];
+      var record = items[parseInt(index || '0')];
+      if ((record === null || record === void 0 ? void 0 : record.type) !== 'column') {
+        return /*#__PURE__*/_react.default.createElement("span", null, "-");
+      }
+      return /*#__PURE__*/_react.default.createElement(_antdV.Switch, {
+        checked: !props.value,
+        onChange: function onChange(checked) {
+          return props.onChange(!checked);
+        }
+      });
+    }
+  })))))));
+};
+var _default = exports.default = ColumnConfigForm;