@nokecy/qc-ui 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.d.ts +2 -0
  2. package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.js +50 -0
  3. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +19 -4
  4. package/dist/cjs/ag-grid-plus/context/gridContext.d.ts +22 -3
  5. package/dist/cjs/ag-grid-plus/context/gridContext.js +4 -1
  6. package/dist/cjs/ag-grid-plus/index.d.ts +3 -0
  7. package/dist/cjs/ag-grid-plus/interface.d.ts +4 -0
  8. package/dist/cjs/ag-grid-plus/queryForm/index.d.ts +1 -0
  9. package/dist/cjs/ag-grid-plus/queryForm/index.js +6 -2
  10. package/dist/cjs/ag-grid-plus/queryForm/queryForm.js +13 -8
  11. package/dist/cjs/ag-grid-plus/setting/diySetting/index.d.ts +9 -0
  12. package/dist/cjs/ag-grid-plus/setting/diySetting/index.js +253 -0
  13. package/dist/cjs/ag-grid-plus/setting/index.js +49 -147
  14. package/dist/esm/ag-grid-plus/_utils/processColumnGroups.d.ts +2 -0
  15. package/dist/esm/ag-grid-plus/_utils/processColumnGroups.js +44 -0
  16. package/dist/esm/ag-grid-plus/ag-gridPlus.js +19 -4
  17. package/dist/esm/ag-grid-plus/context/gridContext.d.ts +22 -3
  18. package/dist/esm/ag-grid-plus/context/gridContext.js +5 -2
  19. package/dist/esm/ag-grid-plus/index.d.ts +3 -0
  20. package/dist/esm/ag-grid-plus/interface.d.ts +4 -0
  21. package/dist/esm/ag-grid-plus/queryForm/index.d.ts +1 -0
  22. package/dist/esm/ag-grid-plus/queryForm/index.js +6 -2
  23. package/dist/esm/ag-grid-plus/queryForm/queryForm.js +13 -8
  24. package/dist/esm/ag-grid-plus/setting/diySetting/index.d.ts +9 -0
  25. package/dist/esm/ag-grid-plus/setting/diySetting/index.js +244 -0
  26. package/dist/esm/ag-grid-plus/setting/index.js +50 -148
  27. package/dist/umd/qc-ui.min.js +1 -1
  28. package/package.json +1 -1
@@ -11,6 +11,9 @@ var _core = require("@formily/core");
11
11
  var _react2 = _interopRequireWildcard(require("react"));
12
12
  var _icons = require("@ant-design/icons");
13
13
  var _arrayTable = _interopRequireDefault(require("../../array-table"));
14
+ var _antd = require("antd");
15
+ var _diySetting = _interopRequireDefault(require("./diySetting"));
16
+ var _ = require("..");
14
17
  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); }
15
18
  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; }
16
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,6 +31,10 @@ var Setting = function Setting(props) {
28
31
  gridApi = props.gridApi,
29
32
  gridApiState = props.gridApiState,
30
33
  onSaveColumnState = props.onSaveColumnState;
34
+ var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
35
+ applyToGlobal = _useGridPlusColumnSta.applyToGlobal,
36
+ resetCurrent = _useGridPlusColumnSta.resetCurrent,
37
+ resetAll = _useGridPlusColumnSta.resetAll;
31
38
  var SchemaField = (0, _react2.useMemo)(function () {
32
39
  return (0, _react.createSchemaField)({
33
40
  components: {
@@ -77,8 +84,49 @@ var Setting = function Setting(props) {
77
84
  var tableProps = {
78
85
  onRowDrag: true
79
86
  };
87
+ var items = [{
88
+ key: '1',
89
+ label: /*#__PURE__*/_react2.default.createElement(_diySetting.default, {
90
+ gridKey: gridKey,
91
+ gridApi: gridApi,
92
+ onSaveColumnState: onSaveColumnState
93
+ })
94
+ }, {
95
+ key: '2',
96
+ label: /*#__PURE__*/_react2.default.createElement("a", {
97
+ target: "_blank",
98
+ rel: "noopener noreferrer",
99
+ onClick: function onClick() {
100
+ applyToGlobal(gridKey);
101
+ }
102
+ }, "\u5E94\u7528\u5230\u5168\u5C40")
103
+ }, {
104
+ key: '3',
105
+ label: /*#__PURE__*/_react2.default.createElement("a", {
106
+ target: "_blank",
107
+ rel: "noopener noreferrer",
108
+ onClick: function onClick() {
109
+ resetCurrent(gridKey);
110
+ }
111
+ }, "\u6062\u590D\u9ED8\u8BA4")
112
+ }, {
113
+ key: '3',
114
+ label: /*#__PURE__*/_react2.default.createElement("a", {
115
+ target: "_blank",
116
+ rel: "noopener noreferrer",
117
+ onClick: function onClick() {
118
+ resetAll();
119
+ }
120
+ }, "\u5168\u5C40\u6062\u590D\u9ED8\u8BA4")
121
+ }];
80
122
  return /*#__PURE__*/_react2.default.createElement(_antdV.FormDialog.Portal, {
81
123
  id: portalId
124
+ }, /*#__PURE__*/_react2.default.createElement(_antd.Dropdown, {
125
+ menu: {
126
+ items: items
127
+ },
128
+ placement: "bottomRight",
129
+ trigger: ['click']
82
130
  }, /*#__PURE__*/_react2.default.createElement("div", {
83
131
  style: {
84
132
  margin: "0 4px",
@@ -87,160 +135,14 @@ var Setting = function Setting(props) {
87
135
  cursor: "pointer"
88
136
  },
89
137
  onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
90
- var formDialog;
91
138
  return _regeneratorRuntime().wrap(function _callee$(_context) {
92
139
  while (1) switch (_context.prev = _context.next) {
93
140
  case 0:
94
- formDialog = (0, _antdV.FormDialog)({
95
- title: "个性化设置",
96
- width: 960
97
- }, portalId, function () {
98
- return /*#__PURE__*/_react2.default.createElement(_antdV.FormLayout, null, /*#__PURE__*/_react2.default.createElement(SchemaField, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
99
- "x-component": "FormGrid",
100
- "x-component-props": {
101
- maxColumns: [1, 3],
102
- strictAutoFit: true
103
- }
104
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.Array, {
105
- name: "items",
106
- title: "",
107
- "x-component": "ArrayTable",
108
- "x-component-props": tableProps,
109
- "x-validator": [{
110
- message: ""
111
- }],
112
- "x-decorator": "FormItem",
113
- "x-decorator-props": {
114
- gridSpan: 3
115
- }
116
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.Object, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
117
- "x-component": "ArrayTable.Column",
118
- "x-component-props": {
119
- width: 80,
120
- title: "排序"
121
- }
122
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
123
- "x-decorator": "FormItem",
124
- required: true,
125
- "x-component": "ArrayTable.SortHandle"
126
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
127
- "x-component": "ArrayTable.Column",
128
- "x-component-props": {
129
- width: 280,
130
- title: "列名"
131
- }
132
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
133
- name: "headerName",
134
- "x-decorator": "FormItem",
135
- "x-component": "Input",
136
- "x-read-pretty": true
137
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
138
- "x-component": "ArrayTable.Column",
139
- "x-component-props": {
140
- width: 80,
141
- title: "列过滤"
142
- }
143
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
144
- name: "suppressHeaderFilterButton",
145
- "x-decorator": "FormItem",
146
- "x-component": "Switch"
147
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
148
- "x-component": "ArrayTable.Column",
149
- "x-component-props": {
150
- width: 120,
151
- title: '内容布局'
152
- }
153
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
154
- name: "cellClass",
155
- "x-decorator": "FormItem",
156
- "x-component": "Select",
157
- default: "custom-cell-left",
158
- enum: [{
159
- value: "custom-cell-left",
160
- label: "左对齐"
161
- }, {
162
- value: "custom-cell-right",
163
- label: "右对齐"
164
- }, {
165
- value: 'custom-cell-centered',
166
- label: "居中对齐"
167
- }]
168
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
169
- "x-component": "ArrayTable.Column",
170
- "x-component-props": {
171
- width: 100,
172
- title: "宽度"
173
- }
174
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
175
- name: "width",
176
- "x-decorator": "FormItem",
177
- "x-component": "NumberPicker"
178
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
179
- "x-component": "ArrayTable.Column",
180
- "x-component-props": {
181
- width: 100,
182
- title: "占满"
183
- }
184
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
185
- name: "flex",
186
- "x-decorator": "FormItem",
187
- "x-component": "Select",
188
- enum: [{
189
- value: 1,
190
- label: "占满"
191
- }, {
192
- value: 0,
193
- label: "不占满"
194
- }]
195
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
196
- "x-component": "ArrayTable.Column",
197
- "x-component-props": {
198
- width: 100,
199
- title: '固定位置'
200
- }
201
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
202
- name: "pinned",
203
- "x-decorator": "FormItem",
204
- "x-component": "Select",
205
- enum: [{
206
- value: "left",
207
- label: "左固定"
208
- }, {
209
- value: "right",
210
- label: "右固定"
211
- }, {
212
- value: 'notPinned',
213
- label: "不固定"
214
- }]
215
- })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
216
- "x-component": "ArrayTable.Column",
217
- "x-component-props": {
218
- title: '隐藏'
219
- }
220
- }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
221
- name: "hide",
222
- "x-decorator": "FormItem",
223
- "x-component": "Switch"
224
- })))))));
225
- });
226
- formDialog.forConfirm(function (payload, next) {
227
- var values = payload.values;
228
- onSaveColumnState && onSaveColumnState(values.items);
229
- gridApi.setGridOption("columnDefs", values.items);
230
- setTimeout(function () {
231
- gridApi.applyColumnState({
232
- state: values.items,
233
- applyOrder: true
234
- });
235
- }, 10);
236
- next(payload);
237
- }).open(formProps);
238
- case 2:
239
141
  case "end":
240
142
  return _context.stop();
241
143
  }
242
144
  }, _callee);
243
145
  }))
244
- }, /*#__PURE__*/_react2.default.createElement(_icons.SettingOutlined, null)));
146
+ }, /*#__PURE__*/_react2.default.createElement(_icons.SettingOutlined, null))));
245
147
  };
246
148
  var _default = exports.default = Setting;
@@ -0,0 +1,2 @@
1
+ declare const processColumnGroups: (columns: any[]) => any;
2
+ export default processColumnGroups;
@@ -0,0 +1,44 @@
1
+ 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); }
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ var processColumnGroups = function processColumnGroups(columns) {
8
+ var groupMap = new Map();
9
+ var result = [];
10
+
11
+ // 第一次遍历:创建分组结构
12
+ columns.forEach(function (col) {
13
+ if (col.groupName) {
14
+ if (!groupMap.has(col.groupName)) {
15
+ groupMap.set(col.groupName, {
16
+ headerName: col.groupName,
17
+ field: "".concat(col.groupName, "header"),
18
+ children: []
19
+ });
20
+ }
21
+ }
22
+ });
23
+
24
+ // 第二次遍历:按原始顺序处理列
25
+ columns.forEach(function (col) {
26
+ if (col.groupName) {
27
+ var groupCol = _objectSpread({}, col);
28
+ // delete groupCol.groupName;
29
+
30
+ // 如果这是该组的第一个元素,将组添加到结果中
31
+ if (groupMap.get(col.groupName).children.length === 0) {
32
+ result.push(groupMap.get(col.groupName));
33
+ }
34
+
35
+ // 将列添加到对应的组中
36
+ groupMap.get(col.groupName).children.push(groupCol);
37
+ } else {
38
+ // 未分组的列直接添加到结果中
39
+ result.push(col);
40
+ }
41
+ });
42
+ return result;
43
+ };
44
+ export default processColumnGroups;
@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
2
2
  import _sumBy from "lodash/sumBy";
3
3
  import _uniqueId from "lodash/uniqueId";
4
4
  import _isArray from "lodash/isArray";
5
- var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText"];
5
+ var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText", "queryDefaultRows"];
6
6
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
7
7
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8
8
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -30,6 +30,7 @@ import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten
30
30
  import Setting from "./setting";
31
31
  import { useGridPlusColumnState } from '.';
32
32
  import CustomGroupCellRenderer from "./_utils/customGroupCellRenderer";
33
+ import processColumnGroups from "./_utils/processColumnGroups";
33
34
  var Paragraph = Typography.Paragraph,
34
35
  Text = Typography.Text;
35
36
  var getSort = function getSort(columnState) {
@@ -54,11 +55,15 @@ function AgGridPlus(props) {
54
55
  children = props.children,
55
56
  defaultSearchExpand = props.defaultSearchExpand,
56
57
  overlayNoRowsTemplateText = props.overlayNoRowsTemplateText,
58
+ queryDefaultRows = props.queryDefaultRows,
57
59
  rest = _objectWithoutProperties(props, _excluded);
58
60
  var _useGridPlusColumnSta = useGridPlusColumnState(),
59
61
  onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
60
62
  gridPlusColumnState = _useGridPlusColumnSta.columnState,
61
- extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
63
+ extensibleColumns = _useGridPlusColumnSta.extensibleColumns,
64
+ applyToGlobal = _useGridPlusColumnSta.applyToGlobal,
65
+ resetCurrent = _useGridPlusColumnSta.resetCurrent,
66
+ resetAll = _useGridPlusColumnSta.resetAll;
62
67
  var gridRef = useRef();
63
68
  var apiRef = useRef();
64
69
  var _useState = useState(false),
@@ -226,11 +231,14 @@ function AgGridPlus(props) {
226
231
  cellMap[item.field] = {
227
232
  cellClass: item.cellClass,
228
233
  // 单元格默认样式类
229
- suppressHeaderFilterButton: item.suppressHeaderFilterButton // 是否显示过滤按钮
234
+ suppressHeaderFilterButton: item.suppressHeaderFilterButton,
235
+ // 是否显示过滤按钮
236
+ groupName: item.groupName // 分组名称
230
237
  };
231
238
  }
232
239
  });
233
240
  }
241
+ console.log('record1 columnState 3', cellMap);
234
242
  return cellMap;
235
243
  };
236
244
  var sortChanged = function sortChanged(columnApi) {
@@ -365,6 +373,7 @@ function AgGridPlus(props) {
365
373
  return _objectSpread({}, child.props);
366
374
  });
367
375
  var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
376
+ console.log('record1 columnDefs 2', columnDefs);
368
377
  columnDefs = columnDefs.map(function (col) {
369
378
  var dataType = getDataType(data, col.field);
370
379
  if (col.type || typeof col.cellRenderer == "string") {
@@ -445,6 +454,9 @@ function AgGridPlus(props) {
445
454
  if (cellConfig.cellClass) {
446
455
  i.cellClass = cellConfig.cellClass;
447
456
  }
457
+ if (cellConfig.groupName) {
458
+ i.groupName = cellConfig.groupName;
459
+ }
448
460
  if (cellConfig.suppressHeaderFilterButton !== undefined) {
449
461
  i.suppressHeaderFilterButton = !cellConfig.suppressHeaderFilterButton;
450
462
  }
@@ -453,7 +465,9 @@ function AgGridPlus(props) {
453
465
  }).filter(function (x) {
454
466
  return !x.hideInTable;
455
467
  });
456
- return columnDefs;
468
+ var processedColumns = processColumnGroups(columnDefs);
469
+ console.log('record1 columnDefs 1', processedColumns);
470
+ return processedColumns;
457
471
  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns, columnCellClass]);
458
472
  var allColDefs = useMemo(function () {
459
473
  return getTableColumns(rowData);
@@ -483,6 +497,7 @@ function AgGridPlus(props) {
483
497
  }
484
498
  }, search == false ? null : /*#__PURE__*/React.createElement(FormRender, {
485
499
  colDefs: allColDefs,
500
+ defaultRows: queryDefaultRows,
486
501
  columnStates: columnState || [],
487
502
  defaultExpand: defaultSearchExpand,
488
503
  gridApi: apiRef.current,
@@ -1,12 +1,31 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  export declare const GridPlusContext: React.Context<{
3
3
  /**
4
- * 扩展列运行时动态添加
4
+ * 扩展列,允许运行时动态添加,用于展示用户自定义的列
5
5
  */
6
6
  extensibleColumns: any;
7
7
  /**
8
- * 用户自定义的列状态信息
8
+ * 当前表格的列状态信息,包括列的显示/隐藏、顺序、宽度等
9
9
  */
10
10
  columnState: any;
11
+ /**
12
+ * 保存当前表格的列状态到服务器(仅保存当前表格)
13
+ * @param gridKey 表格唯一标识
14
+ * @param columnState 当前列状态数组
15
+ */
11
16
  onSaveColumnState: (gridKey: string, columnState: any[]) => void;
17
+ /**
18
+ * 将当前列配置应用为“全局默认”,影响所有表格
19
+ * @param columnState 要应用的列配置
20
+ */
21
+ applyToGlobal: (gridKey: string) => void;
22
+ /**
23
+ * 恢复当前表格为“默认列配置”
24
+ * @param gridKey 表格唯一标识
25
+ */
26
+ resetCurrent: (gridKey: string) => void;
27
+ /**
28
+ * 全局恢复所有表格为默认列配置
29
+ */
30
+ resetAll: () => void;
12
31
  }>;
@@ -1,6 +1,9 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  export var GridPlusContext = /*#__PURE__*/React.createContext({
3
3
  extensibleColumns: [],
4
4
  columnState: undefined,
5
- onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
5
+ onSaveColumnState: function onSaveColumnState() {},
6
+ applyToGlobal: function applyToGlobal() {},
7
+ resetCurrent: function resetCurrent() {},
8
+ resetAll: function resetAll() {}
6
9
  });
@@ -6,6 +6,9 @@ export declare const useGridPlusColumnState: () => {
6
6
  extensibleColumns: any;
7
7
  columnState: any;
8
8
  onSaveColumnState: (gridKey: string, columnState: any[]) => void;
9
+ applyToGlobal: (gridKey: string) => void;
10
+ resetCurrent: (gridKey: string) => void;
11
+ resetAll: () => void;
9
12
  };
10
13
  export { AgGridPlus, AgGridColumn, GridPlusContext };
11
14
  export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";
@@ -31,6 +31,10 @@ interface GridProps extends AgGridReactProps {
31
31
  * 列表空数据文字提示
32
32
  */
33
33
  overlayNoRowsTemplateText?: string;
34
+ /**
35
+ * 查询Form默认展示行数
36
+ */
37
+ queryDefaultRows?: number;
34
38
  /**
35
39
  * 列表分页选择配置
36
40
  */
@@ -7,6 +7,7 @@ declare const FormRender: (props: {
7
7
  colDefs: ColDef[];
8
8
  columnStates: ColumnState[];
9
9
  defaultExpand?: Boolean | undefined;
10
+ defaultRows?: number | undefined;
10
11
  onQuery: (formValue: any) => void;
11
12
  }) => React.JSX.Element;
12
13
  export default FormRender;
@@ -25,7 +25,9 @@ var FormRender = function FormRender(props) {
25
25
  gridApi = props.gridApi,
26
26
  colDefs = props.colDefs,
27
27
  columnStates = props.columnStates,
28
- onQuery = props.onQuery;
28
+ onQuery = props.onQuery,
29
+ _props$defaultRows = props.defaultRows,
30
+ defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows; // 设置默认值为1行
29
31
  var _useState = useState({
30
32
  type: 'object',
31
33
  properties: {}
@@ -112,7 +114,9 @@ var FormRender = function FormRender(props) {
112
114
  "name": 'queryForm',
113
115
  "x-component": 'QueryForm',
114
116
  properties: {},
115
- "x-component-props": {}
117
+ "x-component-props": {
118
+ defaultRows: defaultRows // 在这里添加defaultRows参数
119
+ }
116
120
  };
117
121
  var columns = colDefs === null || colDefs === void 0 ? void 0 : colDefs.map(function (colDef) {
118
122
  var state = columnStates.find(function (x) {
@@ -8,15 +8,15 @@ var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
8
8
  return FormGrid.createFormGrid({
9
9
  maxColumns: 5,
10
10
  maxWidth: 240,
11
- maxRows: maxRows,
11
+ maxRows: defaultExpand ? Infinity : maxRows,
12
12
  shouldVisible: function shouldVisible(node, grid) {
13
- if (defaultExpand) return true;
14
13
  if (node.index === grid.childSize - 1) return true;
15
14
  if (grid.maxRows === Infinity) return true;
16
- return node.shadowRow < maxRows + 1 && node.index < grid.maxColumns - 1;
15
+ return node.shadowRow < maxRows + 1;
17
16
  }
18
17
  });
19
- }, []);
18
+ }, [maxRows, defaultExpand] // 添加依赖项
19
+ );
20
20
  var expanded = grid.maxRows === Infinity;
21
21
  var realRows = grid.shadowRows;
22
22
  var computeRows = grid.fullnessLastColumn ? grid.shadowRows - 1 : grid.shadowRows;
@@ -41,12 +41,17 @@ var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
41
41
  };
42
42
  var QueryForm = observer(function (props) {
43
43
  var onReset = props.onReset,
44
- defaultExpand = props.defaultExpand;
45
- var _useCollapseGrid = useCollapseGrid(1, defaultExpand),
44
+ _props$defaultExpand = props.defaultExpand,
45
+ defaultExpand = _props$defaultExpand === void 0 ? false : _props$defaultExpand,
46
+ _props$defaultRows = props.defaultRows,
47
+ defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows; // 给defaultExpand添加默认值
48
+
49
+ var _useCollapseGrid = useCollapseGrid(defaultRows, defaultExpand),
46
50
  grid = _useCollapseGrid.grid,
47
51
  expanded = _useCollapseGrid.expanded,
48
52
  toggle = _useCollapseGrid.toggle,
49
- type = _useCollapseGrid.type;
53
+ type = _useCollapseGrid.type; // 使用defaultRows替代硬编码的1
54
+
50
55
  var renderActions = function renderActions() {
51
56
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Submit, {
52
57
  type: "default",
@@ -73,7 +78,7 @@ var QueryForm = observer(function (props) {
73
78
  var renderButtonGroup = function renderButtonGroup() {
74
79
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormButtonGroup, {
75
80
  align: "right"
76
- }, renderActions(), defaultExpand ? null : type === "collapsible" ? renderExpanded() : null));
81
+ }, renderActions(), type === "collapsible" ? renderExpanded() : null));
77
82
  };
78
83
  return /*#__PURE__*/React.createElement(FormGrid, {
79
84
  grid: grid,
@@ -0,0 +1,9 @@
1
+ import { GridApi } from 'ag-grid-community';
2
+ import React from "react";
3
+ declare const DiySetting: (props: {
4
+ gridKey?: string | undefined;
5
+ gridApi?: GridApi<any> | undefined;
6
+ gridApiState?: GridApi<any> | undefined;
7
+ onSaveColumnState: (state: any) => void;
8
+ }) => React.JSX.Element | null;
9
+ export default DiySetting;