@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.
- package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.d.ts +2 -0
- package/dist/cjs/ag-grid-plus/_utils/processColumnGroups.js +50 -0
- package/dist/cjs/ag-grid-plus/ag-gridPlus.js +19 -4
- package/dist/cjs/ag-grid-plus/context/gridContext.d.ts +22 -3
- package/dist/cjs/ag-grid-plus/context/gridContext.js +4 -1
- package/dist/cjs/ag-grid-plus/index.d.ts +3 -0
- package/dist/cjs/ag-grid-plus/interface.d.ts +4 -0
- package/dist/cjs/ag-grid-plus/queryForm/index.d.ts +1 -0
- package/dist/cjs/ag-grid-plus/queryForm/index.js +6 -2
- package/dist/cjs/ag-grid-plus/queryForm/queryForm.js +13 -8
- package/dist/cjs/ag-grid-plus/setting/diySetting/index.d.ts +9 -0
- package/dist/cjs/ag-grid-plus/setting/diySetting/index.js +253 -0
- package/dist/cjs/ag-grid-plus/setting/index.js +49 -147
- package/dist/esm/ag-grid-plus/_utils/processColumnGroups.d.ts +2 -0
- package/dist/esm/ag-grid-plus/_utils/processColumnGroups.js +44 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +19 -4
- package/dist/esm/ag-grid-plus/context/gridContext.d.ts +22 -3
- package/dist/esm/ag-grid-plus/context/gridContext.js +5 -2
- package/dist/esm/ag-grid-plus/index.d.ts +3 -0
- package/dist/esm/ag-grid-plus/interface.d.ts +4 -0
- package/dist/esm/ag-grid-plus/queryForm/index.d.ts +1 -0
- package/dist/esm/ag-grid-plus/queryForm/index.js +6 -2
- package/dist/esm/ag-grid-plus/queryForm/queryForm.js +13 -8
- package/dist/esm/ag-grid-plus/setting/diySetting/index.d.ts +9 -0
- package/dist/esm/ag-grid-plus/setting/diySetting/index.js +244 -0
- package/dist/esm/ag-grid-plus/setting/index.js +50 -148
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
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
|
-
|
|
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
|
|
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(
|
|
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";
|
|
@@ -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
|
|
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
|
-
|
|
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(),
|
|
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;
|