@nokecy/qc-ui 0.6.6 → 0.6.7

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -1,123 +1,166 @@
 "use strict";
 
-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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _sumBy2 = _interopRequireDefault(require("lodash/sumBy"));
+
 var _agGridReact = require("ag-grid-react");
+
 var _antd = require("antd");
+
 var _react = _interopRequireWildcard(require("react"));
+
 require("ag-grid-enterprise");
+
+require("./global.scss");
+
 require("./index.less");
+
 var _queryForm = _interopRequireDefault(require("./queryForm"));
+
 var _toolBar = _interopRequireDefault(require("./toolBar"));
+
 var _settingItem = _interopRequireDefault(require("./settingItem"));
+
 var _icons = require("@ant-design/icons");
+
 var _utils = require("./utils");
+
 var _setting = _interopRequireDefault(require("./setting"));
+
 var _2 = require(".");
+
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
-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); }
-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; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
-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; }
-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; }
-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; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-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); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 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."); }
+
 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); }
-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; }
-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; } }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var getSort = function getSort(columnState) {
   return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
 };
+
 function AgGridPlus(props) {
   var style = props.style,
-    loadingProps = props.loading,
-    gridParams = props.params,
-    request = props.request,
-    dataSource = props.dataSource,
-    treeKeyName = props.treeKeyName,
-    treeParentName = props.treeParentName,
-    propRowData = props.rowData,
-    propsGridRef = props.gridRef,
-    headerTitle = props.headerTitle,
-    toolBarRender = props.toolBarRender,
-    search = props.search,
-    hideTool = props.hideTool,
-    onReady = props.onGridReady,
-    gridKey = props.gridKey,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded);
+      loadingProps = props.loading,
+      gridParams = props.params,
+      request = props.request,
+      dataSource = props.dataSource,
+      treeKeyName = props.treeKeyName,
+      treeParentName = props.treeParentName,
+      propRowData = props.rowData,
+      propsGridRef = props.gridRef,
+      headerTitle = props.headerTitle,
+      toolBarRender = props.toolBarRender,
+      search = props.search,
+      hideTool = props.hideTool,
+      onReady = props.onGridReady,
+      gridKey = props.gridKey,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
   var _useGridPlusColumnSta = (0, _2.useGridPlusColumnState)(),
-    onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-    gridPlusColumnState = _useGridPlusColumnSta.columnState,
-    extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
+      onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
+
   var gridRef = (0, _react.useRef)();
   var apiRef = (0, _react.useRef)();
+  var columnsRef = (0, _react.useRef)();
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    ready = _useState2[0],
-    setReady = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      ready = _useState2[0],
+      setReady = _useState2[1];
+
   var _useState3 = (0, _react.useState)(loadingProps ? loadingProps : false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
   var _useState5 = (0, _react.useState)(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    columnState = _useState6[0],
-    setColumnState = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      columnState = _useState6[0],
+      setColumnState = _useState6[1];
+
   var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    rowData = _useState8[0],
-    setRowData = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      rowData = _useState8[0],
+      setRowData = _useState8[1];
+
   var _useState9 = (0, _react.useState)({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectRow = _useState10[0],
-    setSelectRow = _useState10[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectRow = _useState10[0],
+      setSelectRow = _useState10[1];
+
   var _useState11 = (0, _react.useState)({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    queryFilter = _useState12[0],
-    setQueryFilter = _useState12[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      queryFilter = _useState12[0],
+      setQueryFilter = _useState12[1];
+
   var _useState13 = (0, _react.useState)(),
-    _useState14 = _slicedToArray(_useState13, 2),
-    sortColumn = _useState14[0],
-    setSortColumn = _useState14[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      sortColumn = _useState14[0],
+      setSortColumn = _useState14[1];
+
   var _useState15 = (0, _react.useState)({
-      pageSize: 200,
-      current: 1,
-      total: dataSource ? dataSource.length : 0
-    }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    pagination = _useState16[0],
-    setPagination = _useState16[1];
+    pageSize: 200,
+    current: 1,
+    total: dataSource ? dataSource.length : 0
+  }),
+      _useState16 = _slicedToArray(_useState15, 2),
+      pagination = _useState16[0],
+      setPagination = _useState16[1];
+
   var _useState17 = (0, _react.useState)([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    calculateArr = _useState18[0],
-    setCalculateArr = _useState18[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      calculateArr = _useState18[0],
+      setCalculateArr = _useState18[1];
+
   (0, _react.useImperativeHandle)(propsGridRef, function () {
     return gridRef.current;
-  });
+  }); //默认列属性
 
-  //默认列属性
   var defaultColDef = (0, _react.useMemo)(function () {
     return {
       resizable: true,
       sortable: true,
-      suppressHeaderFilterButton: true,
-      suppressFillHandle: true,
       headerComponentParams: {
-        template: '<div class="ag-cell-label-container" role="presentation">' +
-        // '<span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>' +
-        '<span data-ref="eFilterButton" class="ag-header-icon ag-header-cell-filter-button"></span>' + '<div data-ref="eLabel" class="ag-header-cell-label" role="presentation">' + '<span data-ref="eText" class="ag-header-cell-text" role="columnheader"></span>' + '<span data-ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' + '<span data-ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' + '<span data-ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '<span data-ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '<span data-ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '</div>' + '</div>'
+        template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
+        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
+        // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
+        '    <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>'
       }
     };
   }, []);
@@ -132,6 +175,7 @@ function AgGridPlus(props) {
               return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
                 color: "success"
               }, "\u662F");
+
             case false:
             case "1":
               return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
@@ -153,45 +197,46 @@ function AgGridPlus(props) {
         valueFormatter: _utils.dateTimeValueFormatter
       }
     };
-  }, []);
+  }, []); //请求数据
 
-  //请求数据
   (0, _react.useEffect)(function () {
     if (ready && request) {
       onRequest(queryFilter);
     }
-  }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]);
+  }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]); // 加载列方案
 
-  // 加载列方案
   (0, _react.useEffect)(function () {
-    if (gridPlusColumnState && gridKey && gridPlusColumnState[gridKey] && apiRef.current) {
-      apiRef.current.applyColumnState({
+    if (gridPlusColumnState && gridKey && gridPlusColumnState[gridKey] && columnsRef.current) {
+      columnsRef.current.applyColumnState({
         state: gridPlusColumnState[gridKey],
         applyOrder: true
       });
     }
-  }, [gridPlusColumnState, apiRef.current]);
+  }, [gridPlusColumnState, columnsRef.current]);
   (0, _react.useEffect)(function () {
     setRowData(dataSource || propRowData || []);
-  }, [dataSource, propRowData]);
+  }, [dataSource, propRowData]); //外部loading
 
-  //外部loading
   (0, _react.useEffect)(function () {
     loadingProps !== undefined && setLoading(loadingProps);
   }, [loadingProps]);
   var onGridReady = (0, _react.useCallback)(function (params) {
-    var _apiRef$current;
+    var _columnsRef$current;
+
     apiRef.current = params.api;
-    onReady && onReady(params);
-    ///@ts-ignore
+    columnsRef.current = params.columnApi;
+    onReady && onReady(params); ///@ts-ignore
+
     dataSource && setRowData(dataSource);
-    setColumnState((_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.getColumnState());
-    sortChanged(params.api);
+    setColumnState((_columnsRef$current = columnsRef.current) === null || _columnsRef$current === void 0 ? void 0 : _columnsRef$current.getColumnState());
+    sortChanged(params.columnApi);
     setReady(true);
   }, [dataSource]);
+
   var onRequest = function onRequest(queryFilter) {
     setLoading(true);
     var filter = (0, _utils.convertFilterModel)(queryFilter);
+
     var params = _objectSpread(_objectSpread({
       filter: filter
     }, gridParams), {}, {
@@ -200,6 +245,7 @@ function AgGridPlus(props) {
       maxResultCount: pagination.pageSize,
       sorter: getSort(sortColumn)
     });
+
     request && request(params, undefined, queryFilter).then(function (response) {
       var rowData = response.data;
       var rowCount = response.total;
@@ -212,16 +258,20 @@ function AgGridPlus(props) {
       setLoading(false);
     });
   };
+
   var actionDom = toolBarRender && toolBarRender(apiRef.current, (0, _utils.convertFilterModel)(queryFilter), queryFilter);
+
   var sortChanged = function sortChanged(columnApi) {
     var sortedColumn = columnApi.getColumnState().find(function (col) {
       return Boolean(col.sort);
     });
     setSortColumn(sortedColumn);
   };
+
   var onRefresh = function onRefresh() {
     request && onRequest(queryFilter);
   };
+
   var onRowChanged = (0, _react.useCallback)(function (e) {
     props.onSelectionChanged && props.onSelectionChanged(e);
   }, []);
@@ -229,32 +279,39 @@ function AgGridPlus(props) {
     setSelectRow(e.data);
     props.onRowSelected && props.onRowSelected(e);
   }, []);
+
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
     }
   };
+
   (0, _react.useEffect)(function () {
     gridRef.current = {
       onRefresh: onRefresh
     };
   }, [queryFilter, JSON.stringify(gridParams), JSON.stringify(sortColumn)]);
+
   var isValidNumber = function isValidNumber(value) {
     return typeof value === 'number' && !isNaN(value);
   };
+
   var sumFun = function sumFun(field) {
     return (0, _sumBy2.default)(rowData, function (cur) {
       if (isValidNumber(cur[field])) {
         return cur[field];
       }
+
       return 0;
     });
   };
+
   var avgFun = function avgFun(field) {
     var sum = (0, _sumBy2.default)(rowData, function (cur) {
       if (isValidNumber(cur[field]) && cur[field] !== undefined && cur[field] !== null) {
         return cur[field];
       }
+
       return 0;
     });
     var count = rowData.filter(function (cur) {
@@ -262,6 +319,7 @@ function AgGridPlus(props) {
     });
     return count ? sum / count.length : 0;
   };
+
   var standardDeviationFun = function standardDeviationFun(field) {
     var validValues = rowData.filter(function (cur) {
       return isValidNumber(cur[field]);
@@ -274,12 +332,13 @@ function AgGridPlus(props) {
         var diff = cur[field] - mean;
         return diff * diff;
       }
+
       return 0;
     }) / count;
     return Math.sqrt(variance);
-  };
+  }; // sum 求和  avg 平均值  standardDeviation 标准差
+
 
-  // sum 求和  avg 平均值  standardDeviation 标准差
   var calculatefun = function calculatefun(calcColFields) {
     var calculateArrCopy = [];
     calcColFields.map(function (i) {
@@ -287,23 +346,28 @@ function AgGridPlus(props) {
         case "sum":
           calculateArrCopy.push(_defineProperty({}, i.field, sumFun(i.field)));
           break;
+
         case "avg":
           var a = avgFun(i.field);
           calculateArrCopy.push(_defineProperty({}, i.field, a));
           break;
+
         case "standardDeviation":
           calculateArrCopy.push(_defineProperty({}, i.field, standardDeviationFun(i.field)));
           break;
+
         default:
           break;
       }
     });
     return calculateArrCopy;
   };
+
   var getTableColumns = function getTableColumns() {
     var columnProps = _react.default.Children.map(children, function (child, index) {
       return child.props;
     });
+
     var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
     extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
       columnDefs.push({
@@ -315,6 +379,7 @@ function AgGridPlus(props) {
     });
     return columnDefs;
   };
+
   var colDefs = (0, _react.useMemo)(function () {
     var columnDefs = getTableColumns();
     columnDefs = columnDefs.filter(function (x) {
@@ -335,6 +400,7 @@ function AgGridPlus(props) {
         calculateType: col.calculateType
       };
     });
+
     if (calcColFields.length > 0) {
       var calculatedValues = calculatefun(calcColFields);
       setCalculateArr(calculatedValues);
@@ -393,18 +459,18 @@ function AgGridPlus(props) {
     }), /*#__PURE__*/_react.default.createElement(_setting.default, {
       gridKey: gridKey,
       gridApi: apiRef.current,
+      columnApi: columnsRef.current,
       onSaveColumnState: onColumnStateChanged
     })]
   }), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, _extends({
-    className: "ag-theme-custom"
+    className: "ag-theme-alpine"
   }, rest, {
     gridOptions: {
       enableCellTextSelection: true,
       ensureDomOrder: true
     },
     enableRangeSelection: true,
-    suppressCopyRowsToClipboard: true
-    //指定客户端模式
+    suppressCopyRowsToClipboard: true //指定客户端模式
     ,
     rowModelType: "clientSide",
     maintainColumnOrder: true,
@@ -412,29 +478,29 @@ function AgGridPlus(props) {
     onGridReady: onGridReady,
     defaultColDef: defaultColDef,
     onSortChanged: function onSortChanged(event) {
-      sortChanged(event.api);
+      sortChanged(event.columnApi);
       props.onSortChanged && props.onSortChanged(event);
     },
     onSelectionChanged: onRowChanged,
     onRowSelected: onRowSelected,
     onDragStopped: function onDragStopped(e) {
-      if (apiRef.current) {
-        var _apiRef$current2;
-        var _columnState = (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 ? void 0 : _apiRef$current2.getColumnState();
+      if (columnsRef.current) {
+        var _columnsRef$current2;
+
+        var _columnState = (_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState();
+
         setColumnState(_columnState);
         onColumnStateChanged && onColumnStateChanged(_columnState);
       }
-    }
-    // onColumnMoved={() => {
-    //     if (apiRef.current) {
-    //         setColumnState(apiRef.current?.getColumnState());
+    } // onColumnMoved={() => {
+    //     if (columnsRef.current) {
+    //         setColumnState(columnsRef.current?.getColumnState());
     //     }
     // }}
     ,
     pinnedBottomRowData: calculateArr,
     columnTypes: columnTypes,
-    animateRows: true
-    //停用默认分页组件
+    animateRows: true //停用默认分页组件
     ,
     suppressPaginationPanel: true,
     columnDefs: colDefs
@@ -464,9 +530,11 @@ function AgGridPlus(props) {
     showTotal: function showTotal(total, range) {
       return "\u7B2C ".concat(range[0], "-").concat(range[1], " \u6761/\u603B\u5171 ").concat(total, " \u6761");
     },
-    pageSizeOptions: [10, 100, 200, 500, 1000, 10000],
+    pageSizeOptions: [10, 100, 200, 500, 1000, 10000, 50000],
     hideOnSinglePage: false,
     showQuickJumper: false
   })))));
 }
-var _default = exports.default = AgGridPlus;
+
+var _default = AgGridPlus;
+exports.default = _default;

package/dist/cjs/ag-grid-plus/context/gridContext.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export declare const GridPlusContext: React.Context<{
-    /**
-     * 扩展列运行时动态添加
-     */
-    extensibleColumns: any;
-    /**
-     * 用户自定义的列状态信息
-     */
-    columnState: any;
-    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
-}>;
+import React from 'react';
+export declare const GridPlusContext: React.Context<{
+    /**
+     * 扩展列运行时动态添加
+     */
+    extensibleColumns: any;
+    /**
+     * 用户自定义的列状态信息
+     */
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
+}>;

package/dist/cjs/ag-grid-plus/context/gridContext.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPlusContext = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var GridPlusContext = exports.GridPlusContext = /*#__PURE__*/_react.default.createContext({
+
+var GridPlusContext = /*#__PURE__*/_react.default.createContext({
   extensibleColumns: [],
   columnState: undefined,
   onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
-});
+});
+
+exports.GridPlusContext = GridPlusContext;

package/dist/cjs/ag-grid-plus/global.scss

@@ -0,0 +1,31 @@
+// New API
+@use "~ag-grid-community/styles" as ag;
+@include ag.grid-styles(( // theme: alpine,
+        // alpine-active-color: red,
+        odd-row-background-color:#fafafa,
+        secondary-border-color:#f0f0f0,
+        border-color:#f0f0f0,
+        foreground-color: rgba(0, 0, 0, 0.88),
+
+        --ag-font-size: 11px,
+        --ag-font-family: ('microsoft yahei', 'Helvetica', 'Arial'),
+
+        --ag-borders: solid 0px,
+        --ag-row-border-color:#8886866e,
+        --ag-grid-size: 4px,
+
+        --ag-header-background-color: #f0f0f0,
+        --ag-cell-horizontal-border: solid #8886866e,
+
+        --ag-header-column-separator-display: block,
+        --ag-header-column-separator-height: 100%,
+        --ag-header-column-separator-width: 1px,
+        --ag-header-column-separator-color: #8886866e,
+        --ag-header-column-resize-handle-color:#8886866e,
+        --ag-header-column-resize-handle-width:1px
+    ));
+
+.ag-theme-alpine .ag-header-group-cell {
+    font-weight: 600;
+    justify-content: center;
+}

package/dist/cjs/ag-grid-plus/gridManager/index.d.ts

@@ -1,7 +1,8 @@
-import { GridApi } from "ag-grid-community";
-export default class GridManage {
-    agGridApi: GridApi | undefined;
-    rowkey: string | undefined;
-    columnsDefs: any[] | undefined;
-    dataSourceChanged(dataSource?: any[]): void;
-}
+import { ColumnApi, GridApi } from "ag-grid-community";
+export default class GridManage {
+    agGridApi: GridApi | undefined;
+    agGridColumnApi: ColumnApi | undefined;
+    rowkey: string | undefined;
+    columnsDefs: any[] | undefined;
+    dataSourceChanged(dataSource?: any[]): void;
+}