@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
@@ -0,0 +1,2 @@
1
+ declare const processColumnGroups: (columns: any[]) => any;
2
+ export default processColumnGroups;
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ 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); }
8
+ 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; }
9
+ 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; }
10
+ 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; }
11
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
12
+ 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); }
13
+ var processColumnGroups = function processColumnGroups(columns) {
14
+ var groupMap = new Map();
15
+ var result = [];
16
+
17
+ // 第一次遍历:创建分组结构
18
+ columns.forEach(function (col) {
19
+ if (col.groupName) {
20
+ if (!groupMap.has(col.groupName)) {
21
+ groupMap.set(col.groupName, {
22
+ headerName: col.groupName,
23
+ field: "".concat(col.groupName, "header"),
24
+ children: []
25
+ });
26
+ }
27
+ }
28
+ });
29
+
30
+ // 第二次遍历:按原始顺序处理列
31
+ columns.forEach(function (col) {
32
+ if (col.groupName) {
33
+ var groupCol = _objectSpread({}, col);
34
+ // delete groupCol.groupName;
35
+
36
+ // 如果这是该组的第一个元素,将组添加到结果中
37
+ if (groupMap.get(col.groupName).children.length === 0) {
38
+ result.push(groupMap.get(col.groupName));
39
+ }
40
+
41
+ // 将列添加到对应的组中
42
+ groupMap.get(col.groupName).children.push(groupCol);
43
+ } else {
44
+ // 未分组的列直接添加到结果中
45
+ result.push(col);
46
+ }
47
+ });
48
+ return result;
49
+ };
50
+ var _default = exports.default = processColumnGroups;
@@ -21,7 +21,8 @@ var _utils = require("./utils");
21
21
  var _setting = _interopRequireDefault(require("./setting"));
22
22
  var _ = require(".");
23
23
  var _customGroupCellRenderer = _interopRequireDefault(require("./_utils/customGroupCellRenderer"));
24
- var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText"];
24
+ var _processColumnGroups = _interopRequireDefault(require("./_utils/processColumnGroups"));
25
+ var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText", "queryDefaultRows"];
25
26
  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); }
26
27
  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; }
27
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -63,11 +64,15 @@ function AgGridPlus(props) {
63
64
  children = props.children,
64
65
  defaultSearchExpand = props.defaultSearchExpand,
65
66
  overlayNoRowsTemplateText = props.overlayNoRowsTemplateText,
67
+ queryDefaultRows = props.queryDefaultRows,
66
68
  rest = _objectWithoutProperties(props, _excluded);
67
69
  var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
68
70
  onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
69
71
  gridPlusColumnState = _useGridPlusColumnSta.columnState,
70
- extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
72
+ extensibleColumns = _useGridPlusColumnSta.extensibleColumns,
73
+ applyToGlobal = _useGridPlusColumnSta.applyToGlobal,
74
+ resetCurrent = _useGridPlusColumnSta.resetCurrent,
75
+ resetAll = _useGridPlusColumnSta.resetAll;
71
76
  var gridRef = (0, _react.useRef)();
72
77
  var apiRef = (0, _react.useRef)();
73
78
  var _useState = (0, _react.useState)(false),
@@ -235,11 +240,14 @@ function AgGridPlus(props) {
235
240
  cellMap[item.field] = {
236
241
  cellClass: item.cellClass,
237
242
  // 单元格默认样式类
238
- suppressHeaderFilterButton: item.suppressHeaderFilterButton // 是否显示过滤按钮
243
+ suppressHeaderFilterButton: item.suppressHeaderFilterButton,
244
+ // 是否显示过滤按钮
245
+ groupName: item.groupName // 分组名称
239
246
  };
240
247
  }
241
248
  });
242
249
  }
250
+ console.log('record1 columnState 3', cellMap);
243
251
  return cellMap;
244
252
  };
245
253
  var sortChanged = function sortChanged(columnApi) {
@@ -374,6 +382,7 @@ function AgGridPlus(props) {
374
382
  return _objectSpread({}, child.props);
375
383
  });
376
384
  var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
385
+ console.log('record1 columnDefs 2', columnDefs);
377
386
  columnDefs = columnDefs.map(function (col) {
378
387
  var dataType = getDataType(data, col.field);
379
388
  if (col.type || typeof col.cellRenderer == "string") {
@@ -454,6 +463,9 @@ function AgGridPlus(props) {
454
463
  if (cellConfig.cellClass) {
455
464
  i.cellClass = cellConfig.cellClass;
456
465
  }
466
+ if (cellConfig.groupName) {
467
+ i.groupName = cellConfig.groupName;
468
+ }
457
469
  if (cellConfig.suppressHeaderFilterButton !== undefined) {
458
470
  i.suppressHeaderFilterButton = !cellConfig.suppressHeaderFilterButton;
459
471
  }
@@ -462,7 +474,9 @@ function AgGridPlus(props) {
462
474
  }).filter(function (x) {
463
475
  return !x.hideInTable;
464
476
  });
465
- return columnDefs;
477
+ var processedColumns = (0, _processColumnGroups.default)(columnDefs);
478
+ console.log('record1 columnDefs 1', processedColumns);
479
+ return processedColumns;
466
480
  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns, columnCellClass]);
467
481
  var allColDefs = (0, _react.useMemo)(function () {
468
482
  return getTableColumns(rowData);
@@ -492,6 +506,7 @@ function AgGridPlus(props) {
492
506
  }
493
507
  }, search == false ? null : /*#__PURE__*/_react.default.createElement(_queryForm.default, {
494
508
  colDefs: allColDefs,
509
+ defaultRows: queryDefaultRows,
495
510
  columnStates: columnState || [],
496
511
  defaultExpand: defaultSearchExpand,
497
512
  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
  }>;
@@ -9,5 +9,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
9
9
  var GridPlusContext = exports.GridPlusContext = /*#__PURE__*/_react.default.createContext({
10
10
  extensibleColumns: [],
11
11
  columnState: undefined,
12
- onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
12
+ onSaveColumnState: function onSaveColumnState() {},
13
+ applyToGlobal: function applyToGlobal() {},
14
+ resetCurrent: function resetCurrent() {},
15
+ resetAll: function resetAll() {}
13
16
  });
@@ -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;
@@ -33,7 +33,9 @@ var FormRender = function FormRender(props) {
33
33
  gridApi = props.gridApi,
34
34
  colDefs = props.colDefs,
35
35
  columnStates = props.columnStates,
36
- onQuery = props.onQuery;
36
+ onQuery = props.onQuery,
37
+ _props$defaultRows = props.defaultRows,
38
+ defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows; // 设置默认值为1行
37
39
  var _useState = (0, _react2.useState)({
38
40
  type: 'object',
39
41
  properties: {}
@@ -120,7 +122,9 @@ var FormRender = function FormRender(props) {
120
122
  "name": 'queryForm',
121
123
  "x-component": 'QueryForm',
122
124
  properties: {},
123
- "x-component-props": {}
125
+ "x-component-props": {
126
+ defaultRows: defaultRows // 在这里添加defaultRows参数
127
+ }
124
128
  };
125
129
  var columns = colDefs === null || colDefs === void 0 ? void 0 : colDefs.map(function (colDef) {
126
130
  var state = columnStates.find(function (x) {
@@ -17,15 +17,15 @@ var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
17
17
  return _antdV.FormGrid.createFormGrid({
18
18
  maxColumns: 5,
19
19
  maxWidth: 240,
20
- maxRows: maxRows,
20
+ maxRows: defaultExpand ? Infinity : maxRows,
21
21
  shouldVisible: function shouldVisible(node, grid) {
22
- if (defaultExpand) return true;
23
22
  if (node.index === grid.childSize - 1) return true;
24
23
  if (grid.maxRows === Infinity) return true;
25
- return node.shadowRow < maxRows + 1 && node.index < grid.maxColumns - 1;
24
+ return node.shadowRow < maxRows + 1;
26
25
  }
27
26
  });
28
- }, []);
27
+ }, [maxRows, defaultExpand] // 添加依赖项
28
+ );
29
29
  var expanded = grid.maxRows === Infinity;
30
30
  var realRows = grid.shadowRows;
31
31
  var computeRows = grid.fullnessLastColumn ? grid.shadowRows - 1 : grid.shadowRows;
@@ -50,12 +50,17 @@ var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
50
50
  };
51
51
  var QueryForm = (0, _react.observer)(function (props) {
52
52
  var onReset = props.onReset,
53
- defaultExpand = props.defaultExpand;
54
- var _useCollapseGrid = useCollapseGrid(1, defaultExpand),
53
+ _props$defaultExpand = props.defaultExpand,
54
+ defaultExpand = _props$defaultExpand === void 0 ? false : _props$defaultExpand,
55
+ _props$defaultRows = props.defaultRows,
56
+ defaultRows = _props$defaultRows === void 0 ? 1 : _props$defaultRows; // 给defaultExpand添加默认值
57
+
58
+ var _useCollapseGrid = useCollapseGrid(defaultRows, defaultExpand),
55
59
  grid = _useCollapseGrid.grid,
56
60
  expanded = _useCollapseGrid.expanded,
57
61
  toggle = _useCollapseGrid.toggle,
58
- type = _useCollapseGrid.type;
62
+ type = _useCollapseGrid.type; // 使用defaultRows替代硬编码的1
63
+
59
64
  var renderActions = function renderActions() {
60
65
  return /*#__PURE__*/_react2.default.createElement(_react2.Fragment, null, /*#__PURE__*/_react2.default.createElement(_antdV.Submit, {
61
66
  type: "default",
@@ -82,7 +87,7 @@ var QueryForm = (0, _react.observer)(function (props) {
82
87
  var renderButtonGroup = function renderButtonGroup() {
83
88
  return /*#__PURE__*/_react2.default.createElement(_react2.Fragment, null, /*#__PURE__*/_react2.default.createElement(_antdV.FormButtonGroup, {
84
89
  align: "right"
85
- }, renderActions(), defaultExpand ? null : type === "collapsible" ? renderExpanded() : null));
90
+ }, renderActions(), type === "collapsible" ? renderExpanded() : null));
86
91
  };
87
92
  return /*#__PURE__*/_react2.default.createElement(_antdV.FormGrid, {
88
93
  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;
@@ -0,0 +1,253 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
8
+ var _antdV = require("@formily/antd-v5");
9
+ var _react = require("@formily/react");
10
+ var _core = require("@formily/core");
11
+ var _react2 = _interopRequireWildcard(require("react"));
12
+ var _arrayTable = _interopRequireDefault(require("../../../array-table"));
13
+ var _processColumnGroups = _interopRequireDefault(require("../../_utils/processColumnGroups"));
14
+ 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
+ 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
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+ 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); }
18
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
19
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
20
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
21
+ 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; }
22
+ 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; }
23
+ 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; }
24
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
25
+ 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); }
26
+ var DiySetting = function DiySetting(props) {
27
+ var gridKey = props.gridKey,
28
+ gridApi = props.gridApi,
29
+ gridApiState = props.gridApiState,
30
+ onSaveColumnState = props.onSaveColumnState;
31
+ var SchemaField = (0, _react2.useMemo)(function () {
32
+ return (0, _react.createSchemaField)({
33
+ components: {
34
+ FormTab: _antdV.FormTab,
35
+ FormItem: _antdV.FormItem,
36
+ FormGrid: _antdV.FormGrid,
37
+ Space: _antdV.Space,
38
+ Input: _antdV.Input,
39
+ Select: _antdV.Select,
40
+ ArrayTable: _arrayTable.default,
41
+ NumberPicker: _antdV.NumberPicker,
42
+ Switch: _antdV.Switch
43
+ }
44
+ });
45
+ }, []);
46
+ var formProps = {
47
+ effects: function effects() {
48
+ (0, _core.onFormInit)(function (form) {
49
+ form.setInitialValuesIn('items', getColumnData());
50
+ });
51
+ }
52
+ };
53
+ var getColumnData = function getColumnData() {
54
+ var columnStates = gridApi.getColumnState();
55
+ var columnRowData = [];
56
+ columnStates.forEach(function (columnState) {
57
+ var colDef = gridApi === null || gridApi === void 0 ? void 0 : gridApi.getColumnDef(columnState.colId);
58
+
59
+ // 将列信息和 cellClass 一并加入到 columnRowData 中
60
+ columnRowData.push(_objectSpread({
61
+ id: (0, _uniqueId2.default)(),
62
+ field: colDef.field,
63
+ headerName: colDef.headerName,
64
+ width: columnState.width,
65
+ hide: columnState.hide,
66
+ cellClass: colDef.cellClass,
67
+ // 添加 cellClass
68
+ suppressHeaderFilterButton: !colDef.suppressHeaderFilterButton
69
+ }, columnState));
70
+ });
71
+ return columnRowData;
72
+ };
73
+ var portalId = "workProcedure".concat((0, _uniqueId2.default)());
74
+ if (!gridKey) {
75
+ return null;
76
+ }
77
+ var tableProps = {
78
+ onRowDrag: true
79
+ };
80
+ return /*#__PURE__*/_react2.default.createElement(_antdV.FormDialog.Portal, {
81
+ id: portalId
82
+ }, /*#__PURE__*/_react2.default.createElement("div", {
83
+ onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
84
+ var formDialog;
85
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
86
+ while (1) switch (_context.prev = _context.next) {
87
+ case 0:
88
+ formDialog = (0, _antdV.FormDialog)({
89
+ title: "个性化设置",
90
+ width: 1060
91
+ }, portalId, function () {
92
+ return /*#__PURE__*/_react2.default.createElement(_antdV.FormLayout, null, /*#__PURE__*/_react2.default.createElement(SchemaField, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
93
+ "x-component": "FormGrid",
94
+ "x-component-props": {
95
+ maxColumns: [1, 3],
96
+ strictAutoFit: true
97
+ }
98
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.Array, {
99
+ name: "items",
100
+ title: "",
101
+ "x-component": "ArrayTable",
102
+ "x-component-props": tableProps,
103
+ "x-validator": [{
104
+ message: ""
105
+ }],
106
+ "x-decorator": "FormItem",
107
+ "x-decorator-props": {
108
+ gridSpan: 3
109
+ }
110
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.Object, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
111
+ "x-component": "ArrayTable.Column",
112
+ "x-component-props": {
113
+ width: 80,
114
+ title: "排序"
115
+ }
116
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
117
+ "x-decorator": "FormItem",
118
+ required: true,
119
+ "x-component": "ArrayTable.SortHandle"
120
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
121
+ "x-component": "ArrayTable.Column",
122
+ "x-component-props": {
123
+ width: 280,
124
+ title: "列名"
125
+ }
126
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
127
+ name: "headerName",
128
+ "x-decorator": "FormItem",
129
+ "x-component": "Input",
130
+ "x-read-pretty": true
131
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
132
+ "x-component": "ArrayTable.Column",
133
+ "x-component-props": {
134
+ width: 80,
135
+ title: "列过滤"
136
+ }
137
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
138
+ name: "suppressHeaderFilterButton",
139
+ "x-decorator": "FormItem",
140
+ "x-component": "Switch"
141
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
142
+ "x-component": "ArrayTable.Column",
143
+ "x-component-props": {
144
+ width: 120,
145
+ title: '内容布局'
146
+ }
147
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
148
+ name: "cellClass",
149
+ "x-decorator": "FormItem",
150
+ "x-component": "Select",
151
+ default: "custom-cell-left",
152
+ enum: [{
153
+ value: "custom-cell-left",
154
+ label: "左对齐"
155
+ }, {
156
+ value: "custom-cell-right",
157
+ label: "右对齐"
158
+ }, {
159
+ value: 'custom-cell-centered',
160
+ label: "居中对齐"
161
+ }]
162
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
163
+ "x-component": "ArrayTable.Column",
164
+ "x-component-props": {
165
+ width: 100,
166
+ title: "宽度"
167
+ }
168
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
169
+ name: "width",
170
+ "x-decorator": "FormItem",
171
+ "x-component": "NumberPicker"
172
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
173
+ "x-component": "ArrayTable.Column",
174
+ "x-component-props": {
175
+ width: 100,
176
+ title: "占满"
177
+ }
178
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
179
+ name: "flex",
180
+ "x-decorator": "FormItem",
181
+ "x-component": "Select",
182
+ enum: [{
183
+ value: 1,
184
+ label: "占满"
185
+ }, {
186
+ value: 0,
187
+ label: "不占满"
188
+ }]
189
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
190
+ "x-component": "ArrayTable.Column",
191
+ "x-component-props": {
192
+ width: 100,
193
+ title: '固定位置'
194
+ }
195
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
196
+ name: "pinned",
197
+ "x-decorator": "FormItem",
198
+ "x-component": "Select",
199
+ enum: [{
200
+ value: "left",
201
+ label: "左固定"
202
+ }, {
203
+ value: "right",
204
+ label: "右固定"
205
+ }, {
206
+ value: 'notPinned',
207
+ label: "不固定"
208
+ }]
209
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
210
+ "x-component": "ArrayTable.Column",
211
+ "x-component-props": {
212
+ width: 100,
213
+ title: '隐藏'
214
+ }
215
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
216
+ name: "hide",
217
+ "x-decorator": "FormItem",
218
+ "x-component": "Switch"
219
+ })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
220
+ "x-component": "ArrayTable.Column",
221
+ "x-component-props": {
222
+ width: 180,
223
+ title: "分组名称"
224
+ }
225
+ }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
226
+ name: "groupName",
227
+ "x-decorator": "FormItem",
228
+ "x-component": "Input"
229
+ })))))));
230
+ });
231
+ formDialog.forConfirm(function (payload, next) {
232
+ var values = payload.values;
233
+ onSaveColumnState && onSaveColumnState(values.items);
234
+ var processedColumns = (0, _processColumnGroups.default)(values.items);
235
+ console.log('record1', processedColumns);
236
+ gridApi.setGridOption("columnDefs", processedColumns);
237
+ setTimeout(function () {
238
+ gridApi.applyColumnState({
239
+ state: processedColumns,
240
+ applyOrder: true
241
+ });
242
+ }, 10);
243
+ next(payload);
244
+ }).open(formProps);
245
+ case 2:
246
+ case "end":
247
+ return _context.stop();
248
+ }
249
+ }, _callee);
250
+ }))
251
+ }, "\u81EA\u5B9A\u4E49\u5217"));
252
+ };
253
+ var _default = exports.default = DiySetting;