@nokecy/qc-ui 1.0.30 → 1.0.31
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/customGroupCellRenderer.d.ts +4 -0
- package/dist/cjs/ag-grid-plus/_utils/customGroupCellRenderer.js +75 -0
- package/dist/cjs/ag-grid-plus/ag-gridPlus.js +5 -1
- package/dist/cjs/ag-grid-plus/index.less +37 -9
- package/dist/esm/ag-grid-plus/_utils/customGroupCellRenderer.d.ts +4 -0
- package/dist/esm/ag-grid-plus/_utils/customGroupCellRenderer.js +66 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +5 -1
- package/dist/esm/ag-grid-plus/index.less +37 -9
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _icons = require("@ant-design/icons");
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
13
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
16
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
17
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
+
var CustomGroupCellRenderer = function CustomGroupCellRenderer(props) {
|
|
19
|
+
var node = props.node,
|
|
20
|
+
value = props.value;
|
|
21
|
+
var _useState = (0, _react.useState)(node.expanded),
|
|
22
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
+
expanded = _useState2[0],
|
|
24
|
+
setExpanded = _useState2[1];
|
|
25
|
+
(0, _react.useEffect)(function () {
|
|
26
|
+
var expandListener = function expandListener(event) {
|
|
27
|
+
return setExpanded(event.node.expanded);
|
|
28
|
+
};
|
|
29
|
+
node.addEventListener('expandedChanged', expandListener);
|
|
30
|
+
return function () {
|
|
31
|
+
node.removeEventListener('expandedChanged', expandListener);
|
|
32
|
+
};
|
|
33
|
+
}, []);
|
|
34
|
+
var onClick = (0, _react.useCallback)(function () {
|
|
35
|
+
return node.setExpanded(!node.expanded);
|
|
36
|
+
}, [node]);
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
+
style: {
|
|
39
|
+
paddingLeft: "".concat(node.level * 15, "px")
|
|
40
|
+
}
|
|
41
|
+
}, node.group && (expanded ? /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
className: "jf-anticon",
|
|
43
|
+
onClick: onClick,
|
|
44
|
+
style: {
|
|
45
|
+
display: 'inline-flex',
|
|
46
|
+
borderRadius: '4px',
|
|
47
|
+
border: '1px solid #00b96b',
|
|
48
|
+
padding: '2px',
|
|
49
|
+
transition: 'transform 0.3s ease',
|
|
50
|
+
transform: 'rotate(0deg)'
|
|
51
|
+
}
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.MinusOutlined, {
|
|
53
|
+
style: {
|
|
54
|
+
fontSize: '10px',
|
|
55
|
+
color: '#00b96b'
|
|
56
|
+
}
|
|
57
|
+
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
58
|
+
className: "jf-anticon",
|
|
59
|
+
onClick: onClick,
|
|
60
|
+
style: {
|
|
61
|
+
display: 'inline-flex',
|
|
62
|
+
borderRadius: '4px',
|
|
63
|
+
border: '1px solid #00b96b',
|
|
64
|
+
padding: '2px',
|
|
65
|
+
transition: 'transform 0.3s ease',
|
|
66
|
+
transform: 'rotate(180deg)'
|
|
67
|
+
}
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, {
|
|
69
|
+
style: {
|
|
70
|
+
fontSize: '10px',
|
|
71
|
+
color: '#00b96b'
|
|
72
|
+
}
|
|
73
|
+
}))), "\xA0", value);
|
|
74
|
+
};
|
|
75
|
+
var _default = exports.default = CustomGroupCellRenderer;
|
|
@@ -20,6 +20,7 @@ var _icons = require("@ant-design/icons");
|
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
var _setting = _interopRequireDefault(require("./setting"));
|
|
22
22
|
var _ = require(".");
|
|
23
|
+
var _customGroupCellRenderer = _interopRequireDefault(require("./_utils/customGroupCellRenderer"));
|
|
23
24
|
var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText"];
|
|
24
25
|
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); }
|
|
25
26
|
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; }
|
|
@@ -239,6 +240,7 @@ function AgGridPlus(props) {
|
|
|
239
240
|
}
|
|
240
241
|
return cellMap;
|
|
241
242
|
};
|
|
243
|
+
var groupRowRenderer = (0, _react.useCallback)(_customGroupCellRenderer.default, []);
|
|
242
244
|
var sortChanged = function sortChanged(columnApi) {
|
|
243
245
|
var sortedColumn = columnApi.getColumnState().find(function (col) {
|
|
244
246
|
return Boolean(col.sort);
|
|
@@ -539,7 +541,9 @@ function AgGridPlus(props) {
|
|
|
539
541
|
},
|
|
540
542
|
overlayNoRowsTemplate: "<span style=\"\n display: flex; \n justify-content: center; \n align-items: center; \n height: 100%; \n font-size: 14px; \n color: #aaa; \n line-height: 1.5;\n text-align: center;\">\n ".concat(overlayNoRowsTemplateText || '没有找到数据，试试调整筛选条件吧！', "\n </span>"),
|
|
541
543
|
enableRangeSelection: true,
|
|
542
|
-
suppressCopyRowsToClipboard: true
|
|
544
|
+
suppressCopyRowsToClipboard: true,
|
|
545
|
+
groupRowRenderer: groupRowRenderer,
|
|
546
|
+
groupDisplayType: "groupRows"
|
|
543
547
|
//指定客户端模式
|
|
544
548
|
,
|
|
545
549
|
rowModelType: "clientSide",
|
|
@@ -1,15 +1,43 @@
|
|
|
1
1
|
.grid-spin {
|
|
2
|
-
|
|
2
|
+
height: 100%;
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
.ant-spin-container {
|
|
5
|
+
height: 100%;
|
|
6
|
+
}
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.ag-icon-filter:before {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
|
|
11
|
+
|
|
12
|
+
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
|
|
13
|
+
|
|
14
|
+
color: #8a8a8a;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ag-row-group {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
padding-left: 16px;
|
|
21
|
+
}
|
|
13
22
|
|
|
14
|
-
|
|
15
|
-
|
|
23
|
+
.jf-anticon {
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
display: inline-block;
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
margin-right: 16rpx;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ag-checkbox {
|
|
31
|
+
width: 18px !important;
|
|
32
|
+
height: 18px !important;
|
|
33
|
+
}
|
|
34
|
+
.ag-checkbox .ag-checkbox-input-wrapper {
|
|
35
|
+
width: 18px !important;
|
|
36
|
+
height: 18px !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ag-checkbox-input-wrapper .ag-checkbox-input {
|
|
40
|
+
width: 18px !important;
|
|
41
|
+
height: 18px !important;
|
|
42
|
+
transform: scale(1.5); /* 放大 */
|
|
43
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
8
|
+
import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
|
|
9
|
+
var CustomGroupCellRenderer = function CustomGroupCellRenderer(props) {
|
|
10
|
+
var node = props.node,
|
|
11
|
+
value = props.value;
|
|
12
|
+
var _useState = useState(node.expanded),
|
|
13
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14
|
+
expanded = _useState2[0],
|
|
15
|
+
setExpanded = _useState2[1];
|
|
16
|
+
useEffect(function () {
|
|
17
|
+
var expandListener = function expandListener(event) {
|
|
18
|
+
return setExpanded(event.node.expanded);
|
|
19
|
+
};
|
|
20
|
+
node.addEventListener('expandedChanged', expandListener);
|
|
21
|
+
return function () {
|
|
22
|
+
node.removeEventListener('expandedChanged', expandListener);
|
|
23
|
+
};
|
|
24
|
+
}, []);
|
|
25
|
+
var onClick = useCallback(function () {
|
|
26
|
+
return node.setExpanded(!node.expanded);
|
|
27
|
+
}, [node]);
|
|
28
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
+
style: {
|
|
30
|
+
paddingLeft: "".concat(node.level * 15, "px")
|
|
31
|
+
}
|
|
32
|
+
}, node.group && (expanded ? /*#__PURE__*/React.createElement("div", {
|
|
33
|
+
className: "jf-anticon",
|
|
34
|
+
onClick: onClick,
|
|
35
|
+
style: {
|
|
36
|
+
display: 'inline-flex',
|
|
37
|
+
borderRadius: '4px',
|
|
38
|
+
border: '1px solid #00b96b',
|
|
39
|
+
padding: '2px',
|
|
40
|
+
transition: 'transform 0.3s ease',
|
|
41
|
+
transform: 'rotate(0deg)'
|
|
42
|
+
}
|
|
43
|
+
}, /*#__PURE__*/React.createElement(MinusOutlined, {
|
|
44
|
+
style: {
|
|
45
|
+
fontSize: '10px',
|
|
46
|
+
color: '#00b96b'
|
|
47
|
+
}
|
|
48
|
+
})) : /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: "jf-anticon",
|
|
50
|
+
onClick: onClick,
|
|
51
|
+
style: {
|
|
52
|
+
display: 'inline-flex',
|
|
53
|
+
borderRadius: '4px',
|
|
54
|
+
border: '1px solid #00b96b',
|
|
55
|
+
padding: '2px',
|
|
56
|
+
transition: 'transform 0.3s ease',
|
|
57
|
+
transform: 'rotate(180deg)'
|
|
58
|
+
}
|
|
59
|
+
}, /*#__PURE__*/React.createElement(PlusOutlined, {
|
|
60
|
+
style: {
|
|
61
|
+
fontSize: '10px',
|
|
62
|
+
color: '#00b96b'
|
|
63
|
+
}
|
|
64
|
+
}))), "\xA0", value);
|
|
65
|
+
};
|
|
66
|
+
export default CustomGroupCellRenderer;
|
|
@@ -29,6 +29,7 @@ import { RedoOutlined } from '@ant-design/icons';
|
|
|
29
29
|
import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
|
|
30
30
|
import Setting from "./setting";
|
|
31
31
|
import { useGridPlusColumnState } from '.';
|
|
32
|
+
import CustomGroupCellRenderer from "./_utils/customGroupCellRenderer";
|
|
32
33
|
var Paragraph = Typography.Paragraph,
|
|
33
34
|
Text = Typography.Text;
|
|
34
35
|
var getSort = function getSort(columnState) {
|
|
@@ -230,6 +231,7 @@ function AgGridPlus(props) {
|
|
|
230
231
|
}
|
|
231
232
|
return cellMap;
|
|
232
233
|
};
|
|
234
|
+
var groupRowRenderer = useCallback(CustomGroupCellRenderer, []);
|
|
233
235
|
var sortChanged = function sortChanged(columnApi) {
|
|
234
236
|
var sortedColumn = columnApi.getColumnState().find(function (col) {
|
|
235
237
|
return Boolean(col.sort);
|
|
@@ -530,7 +532,9 @@ function AgGridPlus(props) {
|
|
|
530
532
|
},
|
|
531
533
|
overlayNoRowsTemplate: "<span style=\"\n display: flex; \n justify-content: center; \n align-items: center; \n height: 100%; \n font-size: 14px; \n color: #aaa; \n line-height: 1.5;\n text-align: center;\">\n ".concat(overlayNoRowsTemplateText || '没有找到数据，试试调整筛选条件吧！', "\n </span>"),
|
|
532
534
|
enableRangeSelection: true,
|
|
533
|
-
suppressCopyRowsToClipboard: true
|
|
535
|
+
suppressCopyRowsToClipboard: true,
|
|
536
|
+
groupRowRenderer: groupRowRenderer,
|
|
537
|
+
groupDisplayType: "groupRows"
|
|
534
538
|
//指定客户端模式
|
|
535
539
|
,
|
|
536
540
|
rowModelType: "clientSide",
|
|
@@ -1,15 +1,43 @@
|
|
|
1
1
|
.grid-spin {
|
|
2
|
-
|
|
2
|
+
height: 100%;
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
.ant-spin-container {
|
|
5
|
+
height: 100%;
|
|
6
|
+
}
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.ag-icon-filter:before {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
|
|
11
|
+
|
|
12
|
+
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
|
|
13
|
+
|
|
14
|
+
color: #8a8a8a;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ag-row-group {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
padding-left: 16px;
|
|
21
|
+
}
|
|
13
22
|
|
|
14
|
-
|
|
15
|
-
|
|
23
|
+
.jf-anticon {
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
display: inline-block;
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
margin-right: 16rpx;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ag-checkbox {
|
|
31
|
+
width: 18px !important;
|
|
32
|
+
height: 18px !important;
|
|
33
|
+
}
|
|
34
|
+
.ag-checkbox .ag-checkbox-input-wrapper {
|
|
35
|
+
width: 18px !important;
|
|
36
|
+
height: 18px !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ag-checkbox-input-wrapper .ag-checkbox-input {
|
|
40
|
+
width: 18px !important;
|
|
41
|
+
height: 18px !important;
|
|
42
|
+
transform: scale(1.5); /* 放大 */
|
|
43
|
+
}
|