@nokecy/qc-ui 0.8.0 → 0.8.2

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

@@ -0,0 +1,6 @@
+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;

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

@@ -0,0 +1,463 @@
+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 _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 _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 "./index.less";
+import FormRender from "./queryForm";
+import ToolBar from "./toolBar";
+import SettingItem from "./settingItem";
+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);
+  var _useGridPlusColumnSta = useGridPlusColumnState(),
+    onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
+    gridPlusColumnState = _useGridPlusColumnSta.columnState,
+    extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
+  var gridRef = useRef();
+  var apiRef = useRef();
+  var _useState = useState(false),
+    _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];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    columnState = _useState6[0],
+    setColumnState = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    rowData = _useState8[0],
+    setRowData = _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectRow = _useState10[0],
+    setSelectRow = _useState10[1];
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    queryFilter = _useState12[0],
+    setQueryFilter = _useState12[1];
+  var _useState13 = useState(),
+    _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];
+  var _useState17 = useState([]),
+    _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>'
+      }
+    };
+  }, []);
+  var columnTypes = useMemo(function () {
+    return {
+      bool: {
+        filter: 'boolFilter',
+        cellRenderer: function cellRenderer(params) {
+          switch (params.value) {
+            case true:
+            case "0":
+              return /*#__PURE__*/React.createElement(Tag, {
+                color: "success"
+              }, "\u662F");
+            case false:
+            case "1":
+              return /*#__PURE__*/React.createElement(Tag, {
+                color: "error"
+              }, "\u5426");
+          }
+        }
+      },
+      numberColumn: {
+        width: 130,
+        filter: 'agNumberColumnFilter'
+      },
+      dateColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: dateValueFormatter
+      },
+      dateTimeColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: dateTimeValueFormatter
+      }
+    };
+  }, []);
+
+  //请求数据
+  useEffect(function () {
+    if (ready && request) {
+      onRequest(queryFilter);
+    }
+  }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]);
+
+  // 加载列方案
+  useEffect(function () {
+    if (gridPlusColumnState && gridKey && gridPlusColumnState[gridKey] && apiRef.current) {
+      apiRef.current.applyColumnState({
+        state: gridPlusColumnState[gridKey],
+        applyOrder: true
+      });
+    }
+  }, [gridPlusColumnState, apiRef.current]);
+  useEffect(function () {
+    setRowData(dataSource || propRowData || []);
+  }, [dataSource, propRowData]);
+
+  //外部loading
+  useEffect(function () {
+    loadingProps !== undefined && setLoading(loadingProps);
+  }, [loadingProps]);
+  var onGridReady = useCallback(function (params) {
+    var _apiRef$current;
+    apiRef.current = params.api;
+    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);
+    setReady(true);
+  }, [dataSource]);
+  var onRequest = function onRequest(queryFilter) {
+    setLoading(true);
+    var filter = 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, 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);
+  }, []);
+  var onRowSelected = useCallback(function (e) {
+    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]);
+    });
+    var count = validValues.length;
+    if (count === 0) return 0;
+    var mean = sumFun(field) / count;
+    var variance = _sumBy(rowData, function (cur) {
+      if (cur[field] !== undefined && cur[field] !== null) {
+        var diff = cur[field] - mean;
+        return diff * diff;
+      }
+      return 0;
+    }) / count;
+    return Math.sqrt(variance);
+  };
+
+  // sum 求和  avg 平均值  standardDeviation 标准差
+  var calculatefun = function calculatefun(calcColFields) {
+    var calculateArrCopy = [];
+    calcColFields.map(function (i) {
+      switch (i.calculateType) {
+        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;
+    });
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+    extensibleColumns && gridKey && extensibleColumns[gridKey] && extensibleColumns[gridKey].map(function (column) {
+      columnDefs.push({
+        field: column.name,
+        headerName: column.displayName,
+        type: column.propertyType,
+        width: column.width
+      });
+    });
+    return columnDefs;
+  };
+  var colDefs = useMemo(function () {
+    var columnDefs = getTableColumns();
+    columnDefs = columnDefs.filter(function (x) {
+      return !x.hideInTable;
+    });
+    return columnDefs;
+  }, [props.columnDefs, extensibleColumns]);
+  var allColDefs = useMemo(function () {
+    return getTableColumns();
+  }, [props.columnDefs, extensibleColumns]);
+  useEffect(function () {
+    if (!allColDefs || rowData.length === 0) return;
+    var calcColFields = allColDefs.filter(function (col) {
+      return col.calculateType;
+    }).map(function (col) {
+      return {
+        field: col.field,
+        calculateType: col.calculateType
+      };
+    });
+    if (calcColFields.length > 0) {
+      var calculatedValues = calculatefun(calcColFields);
+      setCalculateArr(calculatedValues);
+    }
+  }, [allColDefs, rowData]);
+  var rowDataMemo = useMemo(function () {
+    return props.treeData ? flatten(toTree(rowData, treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id") : rowData;
+  }, [rowData, props.treeData]);
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading,
+    wrapperClassName: "grid-spin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      height: "100%"
+    }
+  }, search == false ? null : /*#__PURE__*/React.createElement(FormRender, {
+    colDefs: allColDefs,
+    columnStates: columnState || [],
+    gridApi: apiRef.current,
+    onQuery: function onQuery(formValues) {
+      setQueryFilter(_objectSpread({}, formValues));
+      onRequest && onRequest(formValues);
+    }
+  }), /*#__PURE__*/React.createElement(Card, {
+    bordered: false,
+    headStyle: {
+      border: 0
+    },
+    bodyStyle: {
+      margin: 0,
+      padding: 12,
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      display: "flex",
+      flexDirection: "column",
+      height: "100%"
+    }, style)
+  }, hideTool ? null : /*#__PURE__*/React.createElement(ToolBar, {
+    title: headerTitle,
+    actions: actionDom,
+    settings: [/*#__PURE__*/React.createElement(SettingItem, {
+      onClick: onRefresh,
+      icon: /*#__PURE__*/React.createElement(RedoOutlined, null)
+    }), /*#__PURE__*/React.createElement(Setting, {
+      gridKey: gridKey,
+      gridApi: apiRef.current,
+      onSaveColumnState: onColumnStateChanged
+    })]
+  }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
+    className: "ag-theme-custom"
+  }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
+    enableRangeSelection: true,
+    suppressCopyRowsToClipboard: true
+    //指定客户端模式
+    ,
+    rowModelType: "clientSide",
+    maintainColumnOrder: true,
+    rowData: rowDataMemo,
+    onGridReady: onGridReady,
+    defaultColDef: defaultColDef,
+    onSortChanged: function onSortChanged(event) {
+      sortChanged(event.api);
+      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();
+        setColumnState(_columnState);
+        onColumnStateChanged && onColumnStateChanged(_columnState);
+      }
+    }
+    // onColumnMoved={() => {
+    //     if (apiRef.current) {
+    //         setColumnState(apiRef.current?.getColumnState());
+    //     }
+    // }}
+    ,
+    pinnedBottomRowData: calculateArr,
+    columnTypes: columnTypes,
+    animateRows: true
+    //停用默认分页组件
+    ,
+    suppressPaginationPanel: true,
+    columnDefs: colDefs
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 12,
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement(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, 10000],
+    hideOnSinglePage: false,
+    showQuickJumper: false
+  })))));
+}
+export default AgGridPlus;

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

@@ -0,0 +1,12 @@
+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/context/gridContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var GridPlusContext = /*#__PURE__*/React.createContext({
+  extensibleColumns: [],
+  columnState: undefined,
+  onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
+});

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

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

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

@@ -0,0 +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); }
+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 _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); }
+var GridManage = /*#__PURE__*/function () {
+  function GridManage() {
+    _classCallCheck(this, GridManage);
+    _defineProperty(this, "agGridApi", void 0);
+    _defineProperty(this, "rowkey", void 0);
+    _defineProperty(this, "columnsDefs", void 0);
+  }
+  _createClass(GridManage, [{
+    key: "dataSourceChanged",
+    value: function dataSourceChanged() {
+      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 };

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

@@ -0,0 +1,11 @@
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+import { GridPlusContext } from "./context/gridContext";
+import "./ag-grid-theme-builder.css";
+export declare const useGridPlusColumnState: () => {
+    extensibleColumns: any;
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
+};
+export { AgGridPlus, AgGridColumn, GridPlusContext };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -0,0 +1,10 @@
+import React from "react";
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+import { GridPlusContext } from "./context/gridContext";
+import "./ag-grid-theme-builder.css";
+export var useGridPlusColumnState = function useGridPlusColumnState() {
+  return React.useContext(GridPlusContext);
+};
+export { AgGridPlus, AgGridColumn, GridPlusContext };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

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

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

@@ -0,0 +1,39 @@
+import { GridApi, ColDef, ColGroupDef } from "ag-grid-community";
+import { AgGridReactProps } from "ag-grid-react";
+import React, { CSSProperties, ReactNode } from "react";
+interface GridRef {
+    onRefresh: () => void;
+}
+interface GridProps extends AgGridReactProps {
+    hideTool?: boolean;
+    style?: CSSProperties;
+    params?: any;
+    initParams?: any;
+    loading?: boolean;
+    request?: (params: any, sort: any, filter: any) => Promise<any>;
+    dataSource?: any[];
+    treeKeyName?: string;
+    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 ColDef {
+    hideInTable?: boolean;
+    hideInSearch?: boolean;
+    queryField?: string;
+    searchComponent?: ReactNode | JSX.Element | ((props: any) => JSX.Element);
+    searchComponentProps?: any;
+    searchSort?: number;
+}
+declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
+export { GridProps, AgGridColumn, GridRef };

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

@@ -0,0 +1,9 @@
+import React from "react";
+
+//column的行内传参
+
+function AgGridColumn(props) {
+  ///@ts-ignore
+  return /*#__PURE__*/React.createElement(AgGridColumnClone, props);
+}
+export { AgGridColumn };

package/dist/esm/ag-grid-plus/queryForm/index.d.ts

@@ -0,0 +1,11 @@
+import { ColDef, ColumnState, GridApi } from 'ag-grid-community';
+import React from 'react';
+import './index.less';
+declare const FormRender: (props: {
+    className?: any;
+    gridApi?: GridApi<any> | undefined;
+    colDefs: ColDef[];
+    columnStates: ColumnState[];
+    onQuery: (formValue: any) => void;
+}) => React.JSX.Element;
+export default FormRender;