@nokecy/qc-ui 0.6.6 → 0.6.9
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-grid-theme-builder.css +344 -395
- package/dist/cjs/ag-grid-plus/queryForm/queryForm.d.ts +2 -2
- package/dist/cjs/ag-grid-plus/queryForm/queryForm.js +23 -22
- package/dist/cjs/array-table/index.js +2 -2
- package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css +344 -395
- package/dist/esm/ag-grid-plus/queryForm/queryForm.d.ts +2 -2
- package/dist/esm/ag-grid-plus/queryForm/queryForm.js +19 -15
- package/dist/esm/array-table/index.js +2 -2
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const QueryForm:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const QueryForm: import("react").MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;
|
|
3
3
|
export default QueryForm;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { FormGrid, Submit
|
|
3
|
-
import {
|
|
4
|
-
import { Button } from
|
|
5
|
-
import {
|
|
1
|
+
import { ClearOutlined, DownOutlined, SearchOutlined } from "@ant-design/icons";
|
|
2
|
+
import { FormButtonGroup, FormGrid, Submit } from "@formily/antd-v5";
|
|
3
|
+
import { observer } from "@formily/react";
|
|
4
|
+
import { Button } from "antd";
|
|
5
|
+
import { Fragment, useMemo } from "react";
|
|
6
6
|
var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
7
7
|
var grid = useMemo(function () {
|
|
8
8
|
return FormGrid.createFormGrid({
|
|
@@ -27,9 +27,9 @@ var useCollapseGrid = function useCollapseGrid(maxRows) {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
var takeType = function takeType() {
|
|
30
|
-
if (realRows < maxRows + 1) return
|
|
31
|
-
if (computeRows > maxRows) return
|
|
32
|
-
return
|
|
30
|
+
if (realRows < maxRows + 1) return "incomplete-wrap";
|
|
31
|
+
if (computeRows > maxRows) return "collapsible";
|
|
32
|
+
return "complete-wrap";
|
|
33
33
|
};
|
|
34
34
|
return {
|
|
35
35
|
grid: grid,
|
|
@@ -46,7 +46,11 @@ var QueryForm = observer(function (props) {
|
|
|
46
46
|
toggle = _useCollapseGrid.toggle,
|
|
47
47
|
type = _useCollapseGrid.type;
|
|
48
48
|
var renderActions = function renderActions() {
|
|
49
|
-
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Submit,
|
|
49
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Submit, {
|
|
50
|
+
type: "default",
|
|
51
|
+
icon: /*#__PURE__*/React.createElement(SearchOutlined, null)
|
|
52
|
+
}, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
|
|
53
|
+
icon: /*#__PURE__*/React.createElement(ClearOutlined, null),
|
|
50
54
|
onClick: onReset
|
|
51
55
|
}, "\u91CD\u7F6E"));
|
|
52
56
|
};
|
|
@@ -56,10 +60,10 @@ var QueryForm = observer(function (props) {
|
|
|
56
60
|
e.preventDefault();
|
|
57
61
|
toggle();
|
|
58
62
|
}
|
|
59
|
-
}, /*#__PURE__*/React.createElement(React.Fragment, null, expanded ?
|
|
63
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, expanded ? "收起" : "展开", /*#__PURE__*/React.createElement(DownOutlined, {
|
|
60
64
|
style: {
|
|
61
|
-
marginLeft:
|
|
62
|
-
transition:
|
|
65
|
+
marginLeft: "0.5em",
|
|
66
|
+
transition: "0.3s all",
|
|
63
67
|
transform: "rotate(".concat(expanded ? 0 : 0.5, "turn)")
|
|
64
68
|
}
|
|
65
69
|
})));
|
|
@@ -67,7 +71,7 @@ var QueryForm = observer(function (props) {
|
|
|
67
71
|
var renderButtonGroup = function renderButtonGroup() {
|
|
68
72
|
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormButtonGroup, {
|
|
69
73
|
align: "right"
|
|
70
|
-
}, renderActions(), type ===
|
|
74
|
+
}, renderActions(), type === "collapsible" ? renderExpanded() : null));
|
|
71
75
|
};
|
|
72
76
|
return /*#__PURE__*/React.createElement(FormGrid, {
|
|
73
77
|
grid: grid,
|
|
@@ -76,8 +80,8 @@ var QueryForm = observer(function (props) {
|
|
|
76
80
|
}, props.children, /*#__PURE__*/React.createElement(FormGrid.GridColumn, {
|
|
77
81
|
gridSpan: -1,
|
|
78
82
|
style: {
|
|
79
|
-
display:
|
|
80
|
-
justifyContent:
|
|
83
|
+
display: "flex",
|
|
84
|
+
justifyContent: "right"
|
|
81
85
|
}
|
|
82
86
|
}, renderButtonGroup()));
|
|
83
87
|
});
|
|
@@ -97,10 +97,10 @@ var ArrayTable = observer(function (props) {
|
|
|
97
97
|
headerComponentParams: {
|
|
98
98
|
template: '<div class="ag-cell-label-container" role="presentation">' +
|
|
99
99
|
// ' <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
|
|
100
|
-
' <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span ref="eText" class="ag-header-cell-text"
|
|
100
|
+
' <div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + ' <span data-ref="eText" class="ag-header-cell-text"> </span>' +
|
|
101
101
|
// ' <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
|
|
102
102
|
// ' <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
|
|
103
|
-
' <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
|
|
103
|
+
' <span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + ' <span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + ' <span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + " </div>" + "</div>"
|
|
104
104
|
}
|
|
105
105
|
},
|
|
106
106
|
getRowId: function getRowId(_ref) {
|