@nokecy/qc-ui 1.0.12 → 1.0.13
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/ag-gridPlus.js +3 -1
- package/dist/cjs/ag-grid-plus/interface.d.ts +1 -0
- package/dist/cjs/ag-grid-plus/queryForm/index.d.ts +1 -0
- package/dist/cjs/ag-grid-plus/queryForm/index.js +4 -2
- package/dist/cjs/ag-grid-plus/queryForm/queryForm.js +6 -4
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +3 -1
- package/dist/esm/ag-grid-plus/interface.d.ts +1 -0
- package/dist/esm/ag-grid-plus/queryForm/index.d.ts +1 -0
- package/dist/esm/ag-grid-plus/queryForm/index.js +4 -2
- package/dist/esm/ag-grid-plus/queryForm/queryForm.js +6 -4
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,7 @@ var _icons = require("@ant-design/icons");
|
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
var _setting = _interopRequireDefault(require("./setting"));
|
|
21
21
|
var _ = require(".");
|
|
22
|
-
var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
|
|
22
|
+
var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand"];
|
|
23
23
|
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); }
|
|
24
24
|
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; }
|
|
25
25
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -59,6 +59,7 @@ function AgGridPlus(props) {
|
|
|
59
59
|
onReady = props.onGridReady,
|
|
60
60
|
gridKey = props.gridKey,
|
|
61
61
|
children = props.children,
|
|
62
|
+
defaultSearchExpand = props.defaultSearchExpand,
|
|
62
63
|
rest = _objectWithoutProperties(props, _excluded);
|
|
63
64
|
var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
|
|
64
65
|
onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
|
|
@@ -437,6 +438,7 @@ function AgGridPlus(props) {
|
|
|
437
438
|
}, search == false ? null : /*#__PURE__*/_react.default.createElement(_queryForm.default, {
|
|
438
439
|
colDefs: allColDefs,
|
|
439
440
|
columnStates: columnState || [],
|
|
441
|
+
defaultExpand: defaultSearchExpand,
|
|
440
442
|
gridApi: apiRef.current,
|
|
441
443
|
onQuery: function onQuery(formValues) {
|
|
442
444
|
setQueryFilter(_objectSpread({}, formValues));
|
|
@@ -18,6 +18,7 @@ interface GridProps extends AgGridReactProps {
|
|
|
18
18
|
headerTitle?: React.ReactNode;
|
|
19
19
|
columnDefs?: (AgGridColumnPropsClone | ColGroupDef<any>)[] | null;
|
|
20
20
|
toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
|
|
21
|
+
defaultSearchExpand?: Boolean;
|
|
21
22
|
/**
|
|
22
23
|
* 用于标识grid唯一标识,用于保存列方案
|
|
23
24
|
*/
|
|
@@ -47,7 +47,8 @@ var FormRender = function FormRender(props) {
|
|
|
47
47
|
return [(0, _core.onFieldInit)('queryForm', function (field) {
|
|
48
48
|
field.query('queryForm').take(function (node) {
|
|
49
49
|
node.setComponentProps({
|
|
50
|
-
onReset: onReset
|
|
50
|
+
onReset: onReset,
|
|
51
|
+
defaultExpand: props.defaultExpand
|
|
51
52
|
});
|
|
52
53
|
});
|
|
53
54
|
})];
|
|
@@ -118,7 +119,8 @@ var FormRender = function FormRender(props) {
|
|
|
118
119
|
type: 'void',
|
|
119
120
|
"name": 'queryForm',
|
|
120
121
|
"x-component": 'QueryForm',
|
|
121
|
-
properties: {}
|
|
122
|
+
properties: {},
|
|
123
|
+
"x-component-props": {}
|
|
122
124
|
};
|
|
123
125
|
var columns = colDefs === null || colDefs === void 0 ? void 0 : colDefs.map(function (colDef) {
|
|
124
126
|
var state = columnStates.find(function (x) {
|
|
@@ -12,13 +12,14 @@ var _antd = require("antd");
|
|
|
12
12
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
13
13
|
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); }
|
|
14
14
|
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; }
|
|
15
|
-
var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
15
|
+
var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
|
|
16
16
|
var grid = (0, _react2.useMemo)(function () {
|
|
17
17
|
return _antdV.FormGrid.createFormGrid({
|
|
18
18
|
maxColumns: 5,
|
|
19
19
|
maxWidth: 240,
|
|
20
20
|
maxRows: maxRows,
|
|
21
21
|
shouldVisible: function shouldVisible(node, grid) {
|
|
22
|
+
if (defaultExpand) return true;
|
|
22
23
|
if (node.index === grid.childSize - 1) return true;
|
|
23
24
|
if (grid.maxRows === Infinity) return true;
|
|
24
25
|
return node.shadowRow < maxRows + 1 && node.index < grid.maxColumns - 1;
|
|
@@ -48,8 +49,9 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
|
48
49
|
};
|
|
49
50
|
};
|
|
50
51
|
var QueryForm = (0, _react.observer)(function (props) {
|
|
51
|
-
var onReset = props.onReset
|
|
52
|
-
|
|
52
|
+
var onReset = props.onReset,
|
|
53
|
+
defaultExpand = props.defaultExpand;
|
|
54
|
+
var _useCollapseGrid = useCollapseGrid(1, defaultExpand),
|
|
53
55
|
grid = _useCollapseGrid.grid,
|
|
54
56
|
expanded = _useCollapseGrid.expanded,
|
|
55
57
|
toggle = _useCollapseGrid.toggle,
|
|
@@ -80,7 +82,7 @@ var QueryForm = (0, _react.observer)(function (props) {
|
|
|
80
82
|
var renderButtonGroup = function renderButtonGroup() {
|
|
81
83
|
return /*#__PURE__*/_react2.default.createElement(_react2.Fragment, null, /*#__PURE__*/_react2.default.createElement(_antdV.FormButtonGroup, {
|
|
82
84
|
align: "right"
|
|
83
|
-
}, renderActions(), type === "collapsible" ? renderExpanded() : null));
|
|
85
|
+
}, renderActions(), defaultExpand ? null : type === "collapsible" ? renderExpanded() : null));
|
|
84
86
|
};
|
|
85
87
|
return /*#__PURE__*/_react2.default.createElement(_antdV.FormGrid, {
|
|
86
88
|
grid: grid,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
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
2
|
import _sumBy from "lodash/sumBy";
|
|
3
3
|
import _uniqueId from "lodash/uniqueId";
|
|
4
|
-
var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
|
|
4
|
+
var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand"];
|
|
5
5
|
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); }
|
|
6
6
|
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; }
|
|
7
7
|
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; }
|
|
@@ -50,6 +50,7 @@ function AgGridPlus(props) {
|
|
|
50
50
|
onReady = props.onGridReady,
|
|
51
51
|
gridKey = props.gridKey,
|
|
52
52
|
children = props.children,
|
|
53
|
+
defaultSearchExpand = props.defaultSearchExpand,
|
|
53
54
|
rest = _objectWithoutProperties(props, _excluded);
|
|
54
55
|
var _useGridPlusColumnSta = useGridPlusColumnState(),
|
|
55
56
|
onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
|
|
@@ -428,6 +429,7 @@ function AgGridPlus(props) {
|
|
|
428
429
|
}, search == false ? null : /*#__PURE__*/React.createElement(FormRender, {
|
|
429
430
|
colDefs: allColDefs,
|
|
430
431
|
columnStates: columnState || [],
|
|
432
|
+
defaultExpand: defaultSearchExpand,
|
|
431
433
|
gridApi: apiRef.current,
|
|
432
434
|
onQuery: function onQuery(formValues) {
|
|
433
435
|
setQueryFilter(_objectSpread({}, formValues));
|
|
@@ -18,6 +18,7 @@ interface GridProps extends AgGridReactProps {
|
|
|
18
18
|
headerTitle?: React.ReactNode;
|
|
19
19
|
columnDefs?: (AgGridColumnPropsClone | ColGroupDef<any>)[] | null;
|
|
20
20
|
toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
|
|
21
|
+
defaultSearchExpand?: Boolean;
|
|
21
22
|
/**
|
|
22
23
|
* 用于标识grid唯一标识,用于保存列方案
|
|
23
24
|
*/
|
|
@@ -39,7 +39,8 @@ var FormRender = function FormRender(props) {
|
|
|
39
39
|
return [onFieldInit('queryForm', function (field) {
|
|
40
40
|
field.query('queryForm').take(function (node) {
|
|
41
41
|
node.setComponentProps({
|
|
42
|
-
onReset: onReset
|
|
42
|
+
onReset: onReset,
|
|
43
|
+
defaultExpand: props.defaultExpand
|
|
43
44
|
});
|
|
44
45
|
});
|
|
45
46
|
})];
|
|
@@ -110,7 +111,8 @@ var FormRender = function FormRender(props) {
|
|
|
110
111
|
type: 'void',
|
|
111
112
|
"name": 'queryForm',
|
|
112
113
|
"x-component": 'QueryForm',
|
|
113
|
-
properties: {}
|
|
114
|
+
properties: {},
|
|
115
|
+
"x-component-props": {}
|
|
114
116
|
};
|
|
115
117
|
var columns = colDefs === null || colDefs === void 0 ? void 0 : colDefs.map(function (colDef) {
|
|
116
118
|
var state = columnStates.find(function (x) {
|
|
@@ -3,13 +3,14 @@ import { FormButtonGroup, FormGrid, Submit } from "@formily/antd-v5";
|
|
|
3
3
|
import { observer } from "@formily/react";
|
|
4
4
|
import { Button } from "antd";
|
|
5
5
|
import React, { useMemo, Fragment } from 'react';
|
|
6
|
-
var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
6
|
+
var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
|
|
7
7
|
var grid = useMemo(function () {
|
|
8
8
|
return FormGrid.createFormGrid({
|
|
9
9
|
maxColumns: 5,
|
|
10
10
|
maxWidth: 240,
|
|
11
11
|
maxRows: maxRows,
|
|
12
12
|
shouldVisible: function shouldVisible(node, grid) {
|
|
13
|
+
if (defaultExpand) return true;
|
|
13
14
|
if (node.index === grid.childSize - 1) return true;
|
|
14
15
|
if (grid.maxRows === Infinity) return true;
|
|
15
16
|
return node.shadowRow < maxRows + 1 && node.index < grid.maxColumns - 1;
|
|
@@ -39,8 +40,9 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
|
39
40
|
};
|
|
40
41
|
};
|
|
41
42
|
var QueryForm = observer(function (props) {
|
|
42
|
-
var onReset = props.onReset
|
|
43
|
-
|
|
43
|
+
var onReset = props.onReset,
|
|
44
|
+
defaultExpand = props.defaultExpand;
|
|
45
|
+
var _useCollapseGrid = useCollapseGrid(1, defaultExpand),
|
|
44
46
|
grid = _useCollapseGrid.grid,
|
|
45
47
|
expanded = _useCollapseGrid.expanded,
|
|
46
48
|
toggle = _useCollapseGrid.toggle,
|
|
@@ -71,7 +73,7 @@ var QueryForm = observer(function (props) {
|
|
|
71
73
|
var renderButtonGroup = function renderButtonGroup() {
|
|
72
74
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormButtonGroup, {
|
|
73
75
|
align: "right"
|
|
74
|
-
}, renderActions(), type === "collapsible" ? renderExpanded() : null));
|
|
76
|
+
}, renderActions(), defaultExpand ? null : type === "collapsible" ? renderExpanded() : null));
|
|
75
77
|
};
|
|
76
78
|
return /*#__PURE__*/React.createElement(FormGrid, {
|
|
77
79
|
grid: grid,
|