@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.0

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

@@ -0,0 +1,125 @@
+"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 _icons = require("@ant-design/icons");
+var _formilyAntd = require("@nokecy/formily-antd");
+var _formilyReact = require("@nokecy/formily-react");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
+  var grid = (0, _react.useMemo)(function () {
+    return _formilyAntd.FormGrid.createFormGrid({
+      maxColumns: 5,
+      // 查询项含固定标签和输入框，操作区含查询、重置、折叠入口。@author nokecy
+      minWidth: 240,
+      maxWidth: 240,
+      maxRows: defaultExpand ? Infinity : maxRows,
+      shouldVisible: function shouldVisible(node, grid) {
+        // 展开状态时，显示所有元素
+        if (grid.maxRows === Infinity) return true;
+
+        // 对于按钮列（最后一个元素），总是显示
+        if (node.index === grid.childSize - 1) {
+          return true;
+        }
+
+        // 所有查询项均占一格；按当前响应式列数为末行按钮预留一格。
+        // 单列窄屏至少保留一个查询项，按钮自然换到下一行。@author nokecy
+        var capacity = Math.max(1, maxRows * Math.max(1, grid.columns) - 1);
+        return node.index !== undefined && node.index < capacity;
+      }
+    });
+  }, [maxRows, defaultExpand] // 添加依赖项
+  );
+  var expanded = grid.maxRows === Infinity;
+  // 操作区展开时会填满余列，不能把它上一次的跨度用来判断是否还有隐藏条件。
+  // 根据完整查询项数量判断，折叠、外部重渲染和容器变宽都不会丢失入口。@author nokecy
+  var capacity = Math.max(1, maxRows * Math.max(1, grid.columns) - 1);
+  var collapsible = Math.max(0, grid.childSize - 1) > capacity;
+  var toggle = function toggle() {
+    if (grid.maxRows === Infinity) {
+      grid.maxRows = maxRows;
+    } else {
+      grid.maxRows = Infinity;
+    }
+  };
+  return {
+    grid: grid,
+    expanded: expanded,
+    toggle: toggle,
+    collapsible: collapsible
+  };
+};
+var QueryForm = (0, _formilyReact.observer)(function (props) {
+  var onReset = props.onReset,
+    _props$defaultExpand = props.defaultExpand,
+    defaultExpand = _props$defaultExpand === void 0 ? false : _props$defaultExpand,
+    _props$defaultRows = props.defaultRows,
+    defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows;
+  var _useCollapseGrid = useCollapseGrid(defaultRows, defaultExpand),
+    grid = _useCollapseGrid.grid,
+    expanded = _useCollapseGrid.expanded,
+    toggle = _useCollapseGrid.toggle,
+    collapsible = _useCollapseGrid.collapsible;
+  var renderActions = function renderActions() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Submit, {
+        type: "primary",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchOutlined, {}),
+        children: "\u67E5\u8BE2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ClearOutlined, {}),
+        onClick: onReset,
+        children: "\u91CD\u7F6E"
+      })]
+    });
+  };
+  var renderExpanded = function renderExpanded() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      href: "#",
+      "aria-expanded": expanded,
+      onClick: function onClick(e) {
+        e.preventDefault();
+        toggle();
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [expanded ? "收起" : "展开", /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DownOutlined, {
+          style: {
+            marginLeft: "0.5em",
+            transition: "0.3s all",
+            transform: "rotate(".concat(expanded ? 0 : 0.5, "turn)")
+          }
+        })]
+      })
+    });
+  };
+  var renderButtonGroup = function renderButtonGroup() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_formilyAntd.FormButtonGroup, {
+        align: "right",
+        children: [renderActions(), collapsible ? renderExpanded() : null]
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_formilyAntd.FormGrid, {
+    grid: grid,
+    colWrap: true,
+    strictAutoFit: true,
+    children: [props.children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.FormGrid.GridColumn, {
+      gridSpan: expanded || !collapsible ? -1 : 1,
+      style: {
+        display: "flex",
+        justifyContent: "right"
+      },
+      children: renderButtonGroup()
+    })]
+  });
+});
+var _default = exports.default = QueryForm;

package/dist/cjs/ag-grid-plus/queryForm/schemaKey.d.ts

@@ -0,0 +1,27 @@
+type ColumnStateLike = {
+    colId?: string | null;
+    hide?: boolean | null;
+};
+type QueryColumnLike = {
+    field?: string;
+    colId?: string;
+    queryField?: string;
+    headerName?: string;
+    searchTitle?: string;
+    hide?: boolean;
+    hideInSearch?: boolean;
+    hideInTable?: boolean;
+    visible?: boolean;
+    filter?: unknown;
+    type?: unknown;
+    enum?: unknown;
+    searchComponent?: unknown;
+    searchComponentProps?: unknown;
+};
+/**
+ * 查询区只在有效查询元数据变化时更新 schema，列宽、固定位置和排序不参与。
+ * 接受列状态参数以兼容原调用方；表单传入已经合并状态的有效查询列快照。
+ * @author nokecy
+ */
+export declare const queryFormSchemaKey: (columnStates?: readonly ColumnStateLike[] | null, colDefs?: readonly QueryColumnLike[] | null) => string;
+export {};

package/dist/cjs/ag-grid-plus/queryForm/schemaKey.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.queryFormSchemaKey = void 0;
+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); }
+var referenceIds = new WeakMap();
+var nextReferenceId = 1;
+
+/** 保持组件、回调及非普通对象的引用标识稳定。@author nokecy */
+var referenceKey = function referenceKey(value) {
+  if (!referenceIds.has(value)) referenceIds.set(value, nextReferenceId++);
+  return referenceIds.get(value);
+};
+
+/**
+ * 对查询元数据生成稳定签名：普通对象按内容比较，组件与回调按引用比较。
+ * 排除 React 元素的内部 owner；循环引用只终止当前分支。
+ * @author nokecy
+ */
+var metadataKey = function metadataKey(value) {
+  var ancestors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Set();
+  if (typeof value === 'function') return "function:".concat(referenceKey(value));
+  if (value === null || _typeof(value) !== 'object') return "".concat(_typeof(value), ":").concat(JSON.stringify(String(value)));
+  if (ancestors.has(value)) return 'circular';
+  if (value instanceof Date) return "date:".concat(value.getTime());
+  var nextAncestors = new Set(ancestors).add(value);
+  if (Array.isArray(value)) return "[".concat(value.map(function (item) {
+    return metadataKey(item, nextAncestors);
+  }).join(','), "]");
+  var prototype = Object.getPrototypeOf(value);
+  if (prototype !== Object.prototype && prototype !== null) return "reference:".concat(referenceKey(value));
+  var object = value;
+  var keys = Object.keys(object).filter(function (key) {
+    return !object.$$typeof || key !== '_owner';
+  }).sort();
+  return "{".concat(keys.map(function (key) {
+    return "".concat(JSON.stringify(key), ":").concat(metadataKey(object[key], nextAncestors));
+  }).join(','), "}");
+};
+
+/**
+ * 查询区只在有效查询元数据变化时更新 schema，列宽、固定位置和排序不参与。
+ * 接受列状态参数以兼容原调用方；表单传入已经合并状态的有效查询列快照。
+ * @author nokecy
+ */
+var queryFormSchemaKey = exports.queryFormSchemaKey = function queryFormSchemaKey(columnStates, colDefs) {
+  return metadataKey({
+    states: columnStates === null || columnStates === void 0 ? void 0 : columnStates.map(function (_ref) {
+      var colId = _ref.colId,
+        hide = _ref.hide;
+      return {
+        colId: colId,
+        hide: hide
+      };
+    }),
+    columns: colDefs === null || colDefs === void 0 ? void 0 : colDefs.map(function (column) {
+      var _column$searchTitle;
+      return {
+        field: column.field,
+        colId: column.colId,
+        queryField: column.queryField,
+        title: (_column$searchTitle = column.searchTitle) !== null && _column$searchTitle !== void 0 ? _column$searchTitle : column.headerName,
+        hide: column.hide,
+        hideInSearch: column.hideInSearch,
+        hideInTable: column.hideInTable,
+        visible: column.visible,
+        filter: column.filter,
+        type: column.type,
+        enum: column.enum,
+        searchComponent: column.searchComponent,
+        searchComponentProps: column.searchComponentProps
+      };
+    })
+  });
+};

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

@@ -0,0 +1,16 @@
+/**
+ * 列配置表单组件
+ * 使用 Formily ArrayTable 展示和编辑列配置
+ * 支持表头分组的树形结构展示
+ */
+import React from 'react';
+import { Form } from '@nokecy/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,389 @@
+"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 _formilyAntd = require("@nokecy/formily-antd");
+var _formilyReact = require("@nokecy/formily-react");
+var _index = _interopRequireDefault(require("../../array-table/index"));
+var _columnGroupUtils = require("./columnGroupUtils");
+var _NameColumnRenderer = _interopRequireDefault(require("./NameColumnRenderer"));
+var _jsxRuntime = require("react/jsx-runtime");
+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, _formilyReact.createSchemaField)({
+  components: {
+    FormItem: _formilyAntd.FormItem,
+    FormGrid: _formilyAntd.FormGrid,
+    Space: _antd.Space,
+    Input: _formilyAntd.Input,
+    Select: _formilyAntd.Select,
+    ArrayTable: _index.default,
+    NumberPicker: _formilyAntd.NumberPicker,
+    Switch: _formilyAntd.Switch
+  }
+});
+
+/**
+ * 自定义排序抓手
+ */
+var CustomSortHandle = function CustomSortHandle() {
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 颜色取主题 token,跟随亮/暗主题 @author nokecy
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    title: "\u62D6\u52A8\u6392\u5E8F\uFF08\u4EC5\u652F\u6301\u540C\u7EA7\uFF09",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.HolderOutlined, {
+      style: {
+        fontSize: 16,
+        color: token.colorTextTertiary,
+        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__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+        children: _isNew && /*#__PURE__*/(0, _jsxRuntime.jsx)(_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",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+            title: "\u5220\u9664\u5206\u7EC4",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+              type: "link",
+              size: "small",
+              danger: true,
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DeleteOutlined, {})
+            })
+          })
+        })
+      });
+    } else {
+      // 列不允许删除
+      return null;
+    }
+  }, [onDeleteNode]);
+
+  // 配置 ArrayTable 属性
+  var tableProps = {
+    onRowDrag: true,
+    components: {
+      SortHandle: CustomSortHandle
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.FormLayout, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+        "x-component": "FormGrid",
+        "x-component-props": {
+          maxColumns: [1, 3],
+          strictAutoFit: true
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Array, {
+          name: "items",
+          title: "",
+          "x-component": "ArrayTable",
+          "x-component-props": tableProps,
+          "x-decorator": "FormItem",
+          "x-decorator-props": {
+            gridSpan: 3
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(SchemaField.Object, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "id",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "type",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Number, {
+              name: "level",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Number, {
+              name: "order",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "parentId",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "groupId",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "field",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.String, {
+              name: "colId",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Boolean, {
+              name: "_isNew",
+              "x-display": "hidden"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 60,
+                title: '排序',
+                align: 'center'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+                "x-decorator": "FormItem",
+                required: true,
+                "x-component": "ArrayTable.SortHandle"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 200,
+                title: '名称'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)(_NameColumnRenderer.default, {
+                    value: props.value,
+                    record: record,
+                    allItems: items,
+                    onChange: props.onChange
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 180,
+                title: '操作',
+                align: 'center'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 100,
+                title: '宽度'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.NumberPicker, {
+                    value: props.value,
+                    onChange: props.onChange
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 100,
+                title: '占满'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Select, {
+                    value: props.value,
+                    onChange: props.onChange,
+                    options: [{
+                      value: 1,
+                      label: '占满'
+                    }, {
+                      value: 0,
+                      label: '不占满'
+                    }]
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 100,
+                title: '固定'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Select, {
+                    value: props.value,
+                    onChange: props.onChange,
+                    options: [{
+                      value: 'left',
+                      label: '左固定'
+                    }, {
+                      value: 'right',
+                      label: '右固定'
+                    }, {
+                      value: 'notPinned',
+                      label: '不固定'
+                    }]
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 80,
+                title: '隐藏',
+                align: 'center'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Switch, {
+                    checked: props.value,
+                    onChange: props.onChange
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 120,
+                title: '布局'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Select, {
+                    value: (0, _columnGroupUtils.normalizeCellAlign)(props.value),
+                    onChange: props.onChange,
+                    options: [{
+                      value: 'custom-cell-left',
+                      label: '左对齐'
+                    }, {
+                      value: 'custom-cell-right',
+                      label: '右对齐'
+                    }, {
+                      value: 'custom-cell-centered',
+                      label: '居中'
+                    }]
+                  });
+                }
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SchemaField.Void, {
+              "x-component": "ArrayTable.Column",
+              "x-component-props": {
+                width: 100,
+                title: '列过滤',
+                align: 'center'
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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__*/(0, _jsxRuntime.jsx)("span", {
+                      children: "-"
+                    });
+                  }
+                  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formilyAntd.Switch, {
+                    checked: !props.value,
+                    onChange: function onChange(checked) {
+                      return props.onChange(!checked);
+                    }
+                  });
+                }
+              })
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+var _default = exports.default = ColumnConfigForm;

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

@@ -0,0 +1,14 @@
+/**
+ * 列配置表格组件 - AG-Grid 版本
+ * 使用 AG-Grid 替代 Ant Design Table,性能更优
+ */
+import React from 'react';
+import type { FlatColumnItem } from './columnGroupTypes';
+interface ColumnConfigTableAGProps {
+    items: FlatColumnItem[];
+    onChange: (items: FlatColumnItem[]) => void;
+    simple?: boolean;
+    scrollY?: number;
+}
+declare const ColumnConfigTable: React.FC<ColumnConfigTableAGProps>;
+export default ColumnConfigTable;