@nokecy/qc-ui 0.6.6 → 0.6.7

package/dist/esm/ag-grid-plus/ag-gridPlus.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-import "ag-grid-enterprise";
-import './index.less';
-import { GridProps } from './interface';
-declare function AgGridPlus(props: GridProps): React.JSX.Element;
-export default AgGridPlus;
+/// <reference types="react" />
+import "ag-grid-enterprise";
+import './global.scss';
+import './index.less';
+import { GridProps } from './interface';
+declare function AgGridPlus(props: GridProps): JSX.Element;
+export default AgGridPlus;

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

@@ -1,24 +1,35 @@
-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); }
 import _sumBy from "lodash/sumBy";
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
+
 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; }
+
 import { AgGridReact } from 'ag-grid-react';
 import { Spin, Pagination, Card, Tag } from 'antd';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import "ag-grid-enterprise";
+import "./global.scss";
 import "./index.less";
 import FormRender from "./queryForm";
 import ToolBar from "./toolBar";
@@ -27,88 +38,101 @@ import { RedoOutlined } from '@ant-design/icons';
 import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
 import Setting from "./setting";
 import { useGridPlusColumnState } from '.';
+
 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 = useGridPlusColumnState(),
-    onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-    gridPlusColumnState = _useGridPlusColumnSta.columnState,
-    extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
+      onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
+
   var gridRef = useRef();
   var apiRef = useRef();
+  var columnsRef = useRef();
+
   var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    ready = _useState2[0],
-    setReady = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      ready = _useState2[0],
+      setReady = _useState2[1];
+
   var _useState3 = 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 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    columnState = _useState6[0],
-    setColumnState = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      columnState = _useState6[0],
+      setColumnState = _useState6[1];
+
   var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    rowData = _useState8[0],
-    setRowData = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      rowData = _useState8[0],
+      setRowData = _useState8[1];
+
   var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectRow = _useState10[0],
-    setSelectRow = _useState10[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectRow = _useState10[0],
+      setSelectRow = _useState10[1];
+
   var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    queryFilter = _useState12[0],
-    setQueryFilter = _useState12[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      queryFilter = _useState12[0],
+      setQueryFilter = _useState12[1];
+
   var _useState13 = useState(),
-    _useState14 = _slicedToArray(_useState13, 2),
-    sortColumn = _useState14[0],
-    setSortColumn = _useState14[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      sortColumn = _useState14[0],
+      setSortColumn = _useState14[1];
+
   var _useState15 = 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 = useState([]),
-    _useState18 = _slicedToArray(_useState17, 2),
-    calculateArr = _useState18[0],
-    setCalculateArr = _useState18[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      calculateArr = _useState18[0],
+      setCalculateArr = _useState18[1];
+
   useImperativeHandle(propsGridRef, function () {
     return gridRef.current;
-  });
+  }); //默认列属性
 
-  //默认列属性
   var defaultColDef = 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>'
       }
     };
   }, []);
@@ -123,6 +147,7 @@ function AgGridPlus(props) {
               return /*#__PURE__*/React.createElement(Tag, {
                 color: "success"
               }, "\u662F");
+
             case false:
             case "1":
               return /*#__PURE__*/React.createElement(Tag, {
@@ -144,45 +169,46 @@ function AgGridPlus(props) {
         valueFormatter: dateTimeValueFormatter
       }
     };
-  }, []);
+  }, []); //请求数据
 
-  //请求数据
   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]); // 加载列方案
 
-  // 加载列方案
   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]);
   useEffect(function () {
     setRowData(dataSource || propRowData || []);
-  }, [dataSource, propRowData]);
+  }, [dataSource, propRowData]); //外部loading
 
-  //外部loading
   useEffect(function () {
     loadingProps !== undefined && setLoading(loadingProps);
   }, [loadingProps]);
   var onGridReady = 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 = convertFilterModel(queryFilter);
+
     var params = _objectSpread(_objectSpread({
       filter: filter
     }, gridParams), {}, {
@@ -191,6 +217,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;
@@ -203,16 +230,20 @@ function AgGridPlus(props) {
       setLoading(false);
     });
   };
+
   var actionDom = toolBarRender && toolBarRender(apiRef.current, 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 = useCallback(function (e) {
     props.onSelectionChanged && props.onSelectionChanged(e);
   }, []);
@@ -220,39 +251,48 @@ function AgGridPlus(props) {
     setSelectRow(e.data);
     props.onRowSelected && props.onRowSelected(e);
   }, []);
+
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
     }
   };
+
   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 _sumBy(rowData, function (cur) {
       if (isValidNumber(cur[field])) {
         return cur[field];
       }
+
       return 0;
     });
   };
+
   var avgFun = function avgFun(field) {
     var sum = _sumBy(rowData, function (cur) {
       if (isValidNumber(cur[field]) && cur[field] !== undefined && cur[field] !== null) {
         return cur[field];
       }
+
       return 0;
     });
+
     var count = rowData.filter(function (cur) {
       return cur[field] !== undefined && cur[field] !== null;
     });
     return count ? sum / count.length : 0;
   };
+
   var standardDeviationFun = function standardDeviationFun(field) {
     var validValues = rowData.filter(function (cur) {
       return isValidNumber(cur[field]);
@@ -265,12 +305,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) {
@@ -278,19 +319,23 @@ 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.Children.map(children, function (child, index) {
       return child.props;
@@ -306,6 +351,7 @@ function AgGridPlus(props) {
     });
     return columnDefs;
   };
+
   var colDefs = useMemo(function () {
     var columnDefs = getTableColumns();
     columnDefs = columnDefs.filter(function (x) {
@@ -326,6 +372,7 @@ function AgGridPlus(props) {
         calculateType: col.calculateType
       };
     });
+
     if (calcColFields.length > 0) {
       var calculatedValues = calculatefun(calcColFields);
       setCalculateArr(calculatedValues);
@@ -384,18 +431,18 @@ function AgGridPlus(props) {
     }), /*#__PURE__*/React.createElement(Setting, {
       gridKey: gridKey,
       gridApi: apiRef.current,
+      columnApi: columnsRef.current,
       onSaveColumnState: onColumnStateChanged
     })]
   }), /*#__PURE__*/React.createElement(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,
@@ -403,29 +450,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
@@ -455,9 +502,10 @@ 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
   })))));
 }
+
 export default AgGridPlus;

package/dist/esm/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/esm/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/esm/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;
+}

package/dist/esm/ag-grid-plus/gridManager/index.js

@@ -1,35 +1,44 @@
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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 _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; }
+
 var GridManage = /*#__PURE__*/function () {
   function GridManage() {
     _classCallCheck(this, GridManage);
+
     _defineProperty(this, "agGridApi", void 0);
+
+    _defineProperty(this, "agGridColumnApi", void 0);
+
     _defineProperty(this, "rowkey", void 0);
+
     _defineProperty(this, "columnsDefs", void 0);
   }
+
   _createClass(GridManage, [{
     key: "dataSourceChanged",
-    value: function dataSourceChanged() {
+    value: function dataSourceChanged() {// if (!Array.isArray(dataSource) || !this.agGridApi) return;
+      // const gridDataSource: any[] = [];
+      // this.agGridApi.forEachNode(node => {
+      //     if (node.data) gridDataSource.push(node.data);
+      // });
+      // if (isEqual(dataSource, gridDataSource) || isEqual(dataSource, this.agGridConfig.dataSource))
+      //     return this.agGridApi.setRowData(dataSource);
+      // this.reset({
+      //     dataSource: dataSource,
+      // });
+      // this.agGridApi.setRowData([]);
+      // this.agGridApi.setRowData(dataSource);
+
       var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    } // if (!Array.isArray(dataSource) || !this.agGridApi) return;
-    // const gridDataSource: any[] = [];
-    // this.agGridApi.forEachNode(node => {
-    //     if (node.data) gridDataSource.push(node.data);
-    // });
-
-    // if (isEqual(dataSource, gridDataSource) || isEqual(dataSource, this.agGridConfig.dataSource))
-    //     return this.agGridApi.setRowData(dataSource);
-    // this.reset({
-    //     dataSource: dataSource,
-    // });
-    // this.agGridApi.setRowData([]);
-    // this.agGridApi.setRowData(dataSource);
+    }
   }]);
+
   return GridManage;
 }();
+
 export { GridManage as default };