@nokecy/qc-ui 0.1.18 → 0.1.21

package/dist/cjs/ag-grid-plus/_utils/boolSelect.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from "antd/lib/select";
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/cjs/ag-grid-plus/_utils/boolSelect.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ahooks = require("ahooks");
+
+var _antd = require("antd");
+
+var _react = _interopRequireDefault(require("react"));
+
+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 _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(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; }
+
+/**
+ * bool类型的下拉框
+ * @param props 
+ * @param ref 
+ * @returns 
+ */
+var BoolSelect = function BoolSelect(props, ref) {
+  var _useControllableValue = (0, _ahooks.useControllableValue)(props),
+      _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+      state = _useControllableValue2[0],
+      setState = _useControllableValue2[1];
+
+  return /*#__PURE__*/_react.default.createElement("span", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({}, props, {
+    value: state,
+    onChange: function onChange(value, option) {
+      var _props$onChange;
+
+      setState(value);
+      props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value, option);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: true
+  }, "\u662F"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: false
+  }, "\u5426")));
+};
+
+var _default = /*#__PURE__*/_react.default.forwardRef(BoolSelect);
+
+exports.default = _default;

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

@@ -0,0 +1,7 @@
+/// <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/cjs/ag-grid-plus/ag-gridPlus.js

@@ -0,0 +1,397 @@
+"use strict";
+
+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 _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 _interface = require("./interface");
+
+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 _excluded = ["style", "params", "request", "dataSource", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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(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(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,
+      gridParams = props.params,
+      request = props.request,
+      dataSource = props.dataSource,
+      treeParentName = props.treeParentName,
+      propRowData = props.rowData,
+      propsGridRef = props.gridRef,
+      headerTitle = props.headerTitle,
+      toolBarRender = props.toolBarRender,
+      search = props.search,
+      hideRedo = props.hideRedo,
+      onReady = props.onGridReady,
+      gridKey = props.gridKey,
+      gridColumnState = props.gridColumnState,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  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];
+
+  var _useState3 = (0, _react.useState)(false),
+      _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];
+
+  var _useState7 = (0, _react.useState)([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      rowData = _useState8[0],
+      setRowData = _useState8[1];
+
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectRows = _useState10[0],
+      setSelectRows = _useState10[1];
+
+  var _useState11 = (0, _react.useState)({}),
+      _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];
+
+  var _useState15 = (0, _react.useState)({
+    pageSize: 200,
+    current: 1,
+    total: dataSource ? dataSource.length : 0
+  }),
+      _useState16 = _slicedToArray(_useState15, 2),
+      pagination = _useState16[0],
+      setPagination = _useState16[1];
+
+  (0, _react.useImperativeHandle)(propsGridRef, function () {
+    return gridRef.current;
+  }); //默认列属性
+
+  var defaultColDef = {
+    resizable: true,
+    sortable: true,
+    headerComponentParams: {
+      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>'
+    }
+  }; //请求数据
+
+  (0, _react.useEffect)(function () {
+    if (ready && request) {
+      onRequest(queryFilter);
+    }
+  }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]); // 加载列方案
+
+  (0, _react.useEffect)(function () {
+    // let columnStates = columnsRef.current!.getColumnState();
+    if (gridColumnState && columnsRef.current) {
+      columnsRef.current.applyColumnState({
+        state: gridColumnState,
+        applyOrder: true
+      });
+    }
+  }, [gridColumnState, columnsRef.current]);
+  (0, _react.useEffect)(function () {
+    setRowData(dataSource || propRowData || []);
+  }, [dataSource, propRowData]);
+  var onGridReady = (0, _react.useCallback)(function (params) {
+    var _columnsRef$current;
+
+    apiRef.current = params.api;
+    columnsRef.current = params.columnApi;
+    onReady && onReady(params); ///@ts-ignore
+
+    dataSource && setRowData(dataSource);
+    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), {}, {
+      current: pagination.current,
+      skipCount: pagination.current == 1 ? 0 : (pagination.current - 1) * pagination.pageSize,
+      maxResultCount: pagination.pageSize,
+      sorter: getSort(sortColumn)
+    });
+
+    request && request(params, undefined, queryFilter).then(function (response) {
+      var rowData = response.data;
+      var rowCount = response.total;
+      setRowData(rowData);
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        total: rowCount
+      }));
+      setLoading(false);
+    }).catch(function () {
+      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 onSaveColumnState = function onSaveColumnState(columnState) {};
+
+  (0, _react.useEffect)(function () {
+    gridRef.current = {
+      onRefresh: onRefresh
+    };
+  }, [queryFilter, JSON.stringify(sortColumn)]);
+  return /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    spinning: loading,
+    wrapperClassName: "grid-spin"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      height: "100%"
+    }
+  }, search == false ? null : /*#__PURE__*/_react.default.createElement(_queryForm.default, {
+    columnStates: columnState || [],
+    gridApi: apiRef.current,
+    onQuery: function onQuery(formValues) {
+      setQueryFilter(_objectSpread({}, formValues));
+      onRequest && onRequest(formValues);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    bordered: false,
+    headStyle: {
+      border: 0
+    },
+    bodyStyle: {
+      margin: 0,
+      padding: 12,
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: _objectSpread({
+      display: "flex",
+      flexDirection: "column",
+      height: "100%"
+    }, style)
+  }, hideRedo ? null : /*#__PURE__*/_react.default.createElement(_toolBar.default, {
+    title: headerTitle,
+    actions: actionDom,
+    settings: [/*#__PURE__*/_react.default.createElement(_settingItem.default, {
+      onClick: onRefresh,
+      icon: /*#__PURE__*/_react.default.createElement(_icons.RedoOutlined, null)
+    }), /*#__PURE__*/_react.default.createElement(_setting.default, {
+      gridApi: apiRef.current,
+      columnApi: columnsRef.current,
+      onSaveColumnState: onSaveColumnState
+    })]
+  }), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, _extends({
+    className: "ag-theme-alpine"
+  }, rest, {
+    //指定客户端模式
+    rowModelType: "clientSide",
+    rowData: props.treeData ? (0, _utils.flatten)((0, _utils.toTree)(rowData), treeParentName) : rowData,
+    onGridReady: onGridReady,
+    defaultColDef: defaultColDef,
+    onSortChanged: function onSortChanged(event) {
+      sortChanged(event.columnApi);
+    },
+    onSelectionChanged: function onSelectionChanged(e) {
+      props.onSelectionChanged && props.onSelectionChanged(e);
+      setSelectRows(e.api.getSelectedRows());
+    },
+    onDragStopped: function onDragStopped(e) {
+      if (columnsRef.current) {
+        var _columnsRef$current2;
+
+        setColumnState((_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState());
+      }
+    },
+    onColumnResized: function onColumnResized(e) {
+      if (columnsRef.current) {
+        var _columnsRef$current3, _columnsRef$current4;
+
+        console.log((_columnsRef$current3 = columnsRef.current) === null || _columnsRef$current3 === void 0 ? void 0 : _columnsRef$current3.getColumnState());
+        setColumnState((_columnsRef$current4 = columnsRef.current) === null || _columnsRef$current4 === void 0 ? void 0 : _columnsRef$current4.getColumnState());
+      }
+    },
+    onColumnMoved: function onColumnMoved() {
+      if (columnsRef.current) {
+        var _columnsRef$current5;
+
+        setColumnState((_columnsRef$current5 = columnsRef.current) === null || _columnsRef$current5 === void 0 ? void 0 : _columnsRef$current5.getColumnState());
+      }
+    },
+    columnTypes: {
+      bool: {
+        filter: 'boolFilter',
+        cellRenderer: function cellRenderer(params) {
+          switch (params.value) {
+            case true:
+            case "0":
+              return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+                color: "success"
+              }, "\u662F");
+
+            case false:
+            case "1":
+              return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+                color: "error"
+              }, "\u5426");
+          }
+        }
+      },
+      numberColumn: {
+        width: 130,
+        filter: 'agNumberColumnFilter'
+      },
+      dateColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: _utils.dateValueFormatter
+      },
+      dateTimeColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: _utils.dateTimeValueFormatter
+      }
+    },
+    animateRows: true //停用默认分页组件
+    ,
+    suppressPaginationPanel: true
+  }), props.rowSelection ? /*#__PURE__*/_react.default.createElement(_interface.AgGridColumn, {
+    field: "",
+    width: 30,
+    flex: 0,
+    headerCheckboxSelection: true,
+    checkboxSelection: true,
+    showDisabledCheckboxes: true,
+    filter: false,
+    pinned: "left"
+  }) : null, _react.default.Children.map(children, function (child, index) {
+    return child;
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: 12,
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Pagination, {
+    pageSize: pagination.pageSize,
+    current: pagination.current,
+    total: pagination.total,
+    onChange: function onChange(page, pageSize) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: pageSize,
+        current: page
+      }));
+    },
+    onShowSizeChange: function onShowSizeChange(current, size) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: size,
+        current: current
+      }));
+    },
+    size: "small",
+    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],
+    hideOnSinglePage: true,
+    showQuickJumper: false
+  })))));
+}
+
+var _default = AgGridPlus;
+exports.default = _default;

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

@@ -0,0 +1,23 @@
+// 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:#f0f0f5,
+        foreground-color: rgba(0, 0, 0, 0.88),
+
+        --ag-font-size: 11px,
+        --ag-font-family: ('microsoft yahei', 'Helvetica', 'Arial'),
+
+        --ag-borders: solid 0px,
+        --ag-borders-row: solid 1px,
+        --ag-row-border-color:#f0f0f5,
+        --ag-grid-size: 4px,
+
+        --ag-header-background-color: #fafafa,
+    ));
+
+.ag-theme-alpine .ag-header-group-cell {
+    font-weight: 600;
+}

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

@@ -0,0 +1,8 @@
+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/cjs/ag-grid-plus/gridManager/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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, 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) { 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() {// 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] : [];
+    }
+  }]);
+
+  return GridManage;
+}();
+
+exports.default = GridManage;

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

@@ -0,0 +1,4 @@
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+export { AgGridPlus, AgGridColumn };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AgGridColumn", {
+  enumerable: true,
+  get: function get() {
+    return _interface.AgGridColumn;
+  }
+});
+Object.defineProperty(exports, "AgGridPlus", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.default;
+  }
+});
+Object.defineProperty(exports, "convertFilterModel", {
+  enumerable: true,
+  get: function get() {
+    return _utils.convertFilterModel;
+  }
+});
+Object.defineProperty(exports, "convertSortModel", {
+  enumerable: true,
+  get: function get() {
+    return _utils.convertSortModel;
+  }
+});
+Object.defineProperty(exports, "dateTimeValueFormatter", {
+  enumerable: true,
+  get: function get() {
+    return _utils.dateTimeValueFormatter;
+  }
+});
+Object.defineProperty(exports, "dateValueFormatter", {
+  enumerable: true,
+  get: function get() {
+    return _utils.dateValueFormatter;
+  }
+});
+Object.defineProperty(exports, "flatten", {
+  enumerable: true,
+  get: function get() {
+    return _utils.flatten;
+  }
+});
+Object.defineProperty(exports, "flattenTreeDeep", {
+  enumerable: true,
+  get: function get() {
+    return _utils.flattenTreeDeep;
+  }
+});
+Object.defineProperty(exports, "toTree", {
+  enumerable: true,
+  get: function get() {
+    return _utils.toTree;
+  }
+});
+
+var _agGridPlus = _interopRequireDefault(require("./ag-gridPlus"));
+
+var _interface = require("./interface");
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/ag-grid-plus/index.less

@@ -0,0 +1,7 @@
+.grid-spin {
+    height: 100%;
+
+    .ant-spin-container {
+        height: 100%;
+    }
+}

package/dist/cjs/ag-grid-plus/interface.d.ts

@@ -0,0 +1,37 @@
+import { GridApi } from 'ag-grid-community';
+import { AgGridReactProps, AgGridColumnProps, AgGridColumnGroupProps } from 'ag-grid-react';
+import React, { CSSProperties, ReactNode } from 'react';
+interface GridRef {
+    onRefresh: () => void;
+}
+interface GridProps extends AgGridReactProps {
+    hideRedo?: boolean;
+    style?: CSSProperties;
+    params?: any;
+    initParams?: any;
+    request?: (params: any, sort: any, filter: any) => Promise<any>;
+    dataSource?: any[];
+    treeParentName?: string;
+    search?: boolean;
+    headerTitle?: React.ReactNode;
+    toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
+    /**
+     * 用于标识grid唯一标识，用于保存列方案
+     */
+    gridKey?: string;
+    /**
+     * 列方案
+    */
+    gridColumnState?: any[];
+    gridRef?: React.Ref<GridRef | undefined>;
+}
+interface AgGridColumnPropsClone extends AgGridColumnProps {
+    hideInTable?: boolean;
+    hideInSearch?: boolean;
+    queryField?: string;
+    searchComponent?: ReactNode;
+    searchComponentProps?: any;
+    searchSort?: number;
+}
+declare function AgGridColumn(props: AgGridColumnPropsClone | AgGridColumnGroupProps): JSX.Element;
+export { GridProps, AgGridColumn, GridRef };